04 2018 档案
摘要：修改属性 元素.style.样式=值 document.getElementById('box').style.width='200px'; 属性操作方式 1、. 的 元素.属性名如果属性是单一属性，用点操作符是取不到的，而且还会报错：点操作属性的时候，后面只能跟真正的属性名称，不能跟变量名 如果想
阅读全文
摘要：position: absolute; left: 50%; top: 50%; margin-left: -150px; margin-top: -150px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;
阅读全文
摘要：在正常情况下，层级的大小由顺序决定，后面的元素要比前面的元素的层级要高 有定位元素的层级要比没有定位元素层级要高 在都有定位的情况下，层级还是取决于书写顺序 z-index 层级(仅能在定位元素上奏效，就是该元素的定位值为relative、absolute、或者fixed)， z-index在父元素
阅读全文
摘要：position 定位( relative 不脱离文档流；absolute脱离文档流) relative 相对定位 移动的方向 top、right、bottom、left 特点 1、只加相对定位，不设置元素移动的位置，元素和之前是没有变化 2、根据自己原来的位置计算移动的位置 3、不脱离文档流，元素
阅读全文
摘要：BFC 标准浏览器所具有的 Layout IE浏览器所具有的 Layout 它决定了块级元素如何对它的内容进行布局，以及与其它元素的关系和相互作用 hasLayout true false 触发Layout的方式 1、默认触发 table、tr、th、td、img、input、button、sele
阅读全文
摘要：Block Formatting Contexts： 块级元素格式化上下文块级元素如何对它的内容（子元素：也是一个块元素）进行布局，以及与其它元素（与内容同级别）的关系和相互作用 普通文档流的布局规则 1、浮动的元素是不会被父级计算高度 2、非浮动元素会覆盖浮动元素的位置 3、margin会传递给父
阅读全文
摘要：overflow ： 针对超出父级的内容如何显示 值： visible 默认值，超出的内容会显示出来 auto 如果内容超出了父级，那就出现滚动条。如果内容没有超出，就没有滚动条 hidden 超出的内容隐藏掉 scroll 不管内容有没有超出，都会出现滚动条
阅读全文
摘要：float: 定义：按照一个指定的方向移动，遇到父级的边界或者相邻的浮动元素就会停下来（不完全脱离文档流） 值： left、right、none 特点： 1、浮动的块元素可以在一行显示，宽度是被内容撑开的2、浮动的行内元素支持宽高3、非浮动元素里的内容会留出前面浮动元素的位置(盒模型的位置)4、浮动
阅读全文
摘要：jquery获取select选择的文本与值获取select ：获取select 选中的 text : $("#ddlregtype").find("option:selected").text();获取select选中的 value: $("#ddlregtype ").val();获取select
阅读全文
摘要：body,p,header,nav,section,h1,h2,h3,h4{ margin: 0; } ul{ margin: 0; padding: 0; list-style: none; } input{ margin: 0; padding: 0; } img{ border:none; vertical-align: ...
阅读全文
摘要：对象：一个放了很多属性与方法的集合 一切皆对象，但null和undefiend是奇葩 全局对象 1、网页里 window 1、node里 Global 内置对象例如：Date Array 自定义对象：继承的关系 对象的大小排序：window Object String Number Bool 1、构
阅读全文
摘要：普通标签页 胶囊标签页：.nav-pills 竖胶囊标签：.nav-stacked 水平两端对齐：.nav-justified
阅读全文
摘要：输入框组 尺寸：.input-group-lg .input-group-sm
阅读全文
摘要：连在一起的按钮：.btn-group 按钮工具栏：把一组btn-group 放进.btn-toolbar 垂直连在一起的按钮：.btn-group-vertical 分裂按钮下拉菜单
阅读全文
摘要：向下拉 向上拉菜单：.dropup ul向右：.dropdown-menu-right li标题：.dropdown-header 横线：.
阅读全文
摘要：响应式：.img-responsive 居中：.center-block 圆角：.img-rounded 圆形：.img-circle 带边框：.img-thumbnail
阅读全文
摘要：按钮的标签 <a class="btn btn-default" role="button"> <input class="btn btn-default" type="button"> <button> 只有这个能用于导航条 背景色+白色字：深蓝色.btn-primary 绿色.btn-succe
阅读全文
摘要：基本表单（输入框站一行） 全部表单显示在一行：form-inline 隐藏lable： sr-only 紧贴input 水平表单（和栅格结合）： 文本：<textarea class="form-control" rows="3"></textarea> 多选框和单选框： .radio .check
阅读全文
摘要：表格基本样式 斑马：table-striped 带边框：table-bordered 鼠标悬停响应：table-hover 紧凑些：table-condensed 背景颜色：粉蓝info 粉梅danger 粉肉：warning 粉绿:success 浅灰色.active 响应小于768px ： .t
阅读全文
摘要：小一点浅一点（设置文本为父文本大小的 85%）<small> .small 大一点粗一点 行高高一点 .lead 粗 <strong> 斜体 <em> 添加背景色 <mark> 中间横杠 <del> 下滑线 <u> 文本位置：text-left text-right text-center 元素位置
阅读全文
摘要：container container-fluid row col-xs- col-sm- col-md- col-lg- col-md-offset- col-md-push- col-md-pull-
阅读全文
摘要：Bootstrap3 直接使用 Bootstrap4 直接使用（注意：应经不支持IE8和IOS6）
阅读全文
摘要：Bootstrap3和Bootstap4的区别 1、Bootsrap4 css文件减少了40%以上 2、Bootsrap4已经不支持IE8以及IOS 6的支持 3、多了些类好组件
阅读全文
摘要：项目安装 vue init webpack bibivue-router Ynpm run dev
阅读全文
摘要：拦截器：请求发送之前和请求返回之后的处理 使用：1、config dev.env.js 开发环境配置 2、 prod.env.js 生产 API:'http://www.wpdic.com' 3、在mian.js写 Vue.http.interceptors.push(function(reques
阅读全文
摘要：用插件1、引用import VueResource from 'vue-resource'2、使用Vue.use(VueResource); 用库(bootstrap alertify )1、引入：直接在index.html引入就好 2、配置 在mian.js配置位置3、使用
阅读全文
摘要：jwt ->类比 cookie localstorage这个规范允许我们使用JWT在用户和服务器之间传递安全可靠的信息。JWT适合用于向Web应用传递一些非敏感信息。 一般放在HTTP的headers 参数里面的authorization里面，值的前面加Bearer关键字和空格。 用途：1.单点登录
阅读全文
摘要：不管是sessionStorage，还是localStorage，可使用的API都相同，常用的有如下几个（以localStorage为例）： 保存数据：localStorage.setItem(key,value); 读取数据：localStorage.getItem(key); 删除单个数据：lo
阅读全文
摘要：* 阻止事件冒泡的方法 * 1、on添加的事件 * 在函数中将event对象身上的cancelBubble的值设为true * 他有一个默认值为false，代表事件可以冒泡 * 在哪一层上添加这个属性，那事件就会停在这里，不会往外冒泡 浏览器默认行为* * 2、用addeventListener添加
阅读全文
摘要：盒子模型有两种，W3C和IE盒子模型 （1）W3C定义的盒子模型包括margin、border、padding、content ，元素的width=content的宽度 （2）IE盒子模型与W3C的盒子模型唯一区别就是元素的宽度，元素的width=content+padding+border 我个人
阅读全文
摘要：谷歌、safari：webkit内核 IE：trident 火狐：gecko 还有现在国产的一些第三方的浏览器基本也是基于webkit内核的，其所谓的双核中的极速模式就是webkit内核，兼容模式就是ie的trident内核 浏览器的兼容性 我们在开发的时候会明确项目要兼容哪些浏览器的最低版本，我之
阅读全文
摘要：事件：当发生某一个动作的时候，会触发一个函数；例如：鼠标事件、键盘事件、系统事件(onload)、焦点事件 鼠标事件有：onclick（点击时）、ondblclick（双击时）、onmousedown（按下时）、onmouseup（按下去并抬时）、onmousemove（移动时）、onmouseov
阅读全文
摘要：NodeJS的工作原理其实就是事件循环。可以说每一条NodeJS的逻辑都是写在回调函数里面的，而回调函数都是有返回之后才异步执行的！ 既然NodeJS处理并发的能力强，但处理计算和逻辑的能力反而很弱，因此，如果我们把复杂的逻辑运算都搬到前端（客户端）完成，而NodeJS只需要提供异步I/O，这样就可
阅读全文
摘要：定位法：position:absolute 如果子级div有定义宽和高的话就可以用这个方法。注意：margin-top,和margin-left的值均为高和宽值的一半 margin:auto法 这个也可以是定位法。用这个方法要求子级div必须设置宽的值，不然没有效果哦~margin:auto是水平垂
阅读全文
摘要：WebSocket类似HTTP 协议，是为了弥补HTTP 协议的缺陷：通信只能由客户端发起，HTTP 协议做不到服务器主动向客户端推送信息。 WebSocket 协议在2008年诞生，2011年成为国际标准。所有浏览器都已经支持了。 它的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动
阅读全文
摘要：关键字：.appcache文件 解释： 在用户没有与因特网连接时,可以正常访问站点或应用;在用户与因特网连接时,更新用户机器上的缓存文件。 原理： HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一
阅读全文
摘要：在浏览器查看 HTML4的本地存储 cookie 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别： 1、保持状态：coo
阅读全文
摘要：TCP和UDP协议是传输协议，IP是网络层协议。传输协议和网络层协议主要解决数据如何在网络中传输，或者说TCP/IP 定义了电子设备如何连入因特网，以及数据如何在它们之间传输的标准。TCP负责发现传输的问题，一有问题就发出信号，要求重新传输，直到所有数据安全正确地传输到目的地。而IP是给因特网的每一
阅读全文
摘要：都是为了加载css文件 关键词：link是XHTML标签，所以没有兼容性问题，并且其导入的css能同时加载，可以通过js Dom动态添加样式 区别 1.从属关系区别@import是 CSS 提供的语法规则，只有导入样式表的作用；link是XHTML提供的标签，不仅可以加载 CSS 文件，还可以定义
阅读全文
浙公网安备 33010602011771号