应用场景 需要在视图更新之后，基于新的视图进行操作 文档说明 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM nextTick原理 1、异步说明 Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新 2、 ...
分类：
其他好文 时间：
2019-05-14 19:17:33
阅读次数：
159
0. 知识点 // data 对象中的所有的属性加入到 Vue 的响应式系统中 // 只有当实例被创建时 data 中存在的属性才是响应式的 // 阻止修改现有的属性 Object.freeze() // 暴露了一些有用的实例属性与方法。它们都有前缀 $ vm.$data vm.$el vm.$wa ...
分类：
其他好文 时间：
2019-05-14 18:54:41
阅读次数：
139
最近在给一家公司做网站，现在都是可视化操作界面，方便没有基础的用户对网站进行更新。贴一下原始的方法。比如先用Html写一个Div层，然后在层的“按下”事件里加入一个JS函数，这个函数是让DIV的位置随鼠标的移动而动，放开鼠标后再“放开”事件里用一个函数判断DIV当前的位置（离TOP和Left的距离） ...
分类：
其他好文 时间：
2019-05-13 23:14:42
阅读次数：
135
响应式编程生活案例： 传统形式： 一群人去餐厅吃饭，顾客1找服务员点餐，服务员把订单交给后台厨师，然后服务员等待， 当后台厨师做好饭，交给服务员，经过服务员再交给顾客1，依此类推，该服务员再招待顾客2。 服务员可以理解为服务器，服务器越多，可处理的顾客请求越多 响应式编程： 服务员记住到顾客1的要求 ...
分类：
编程语言 时间：
2019-05-13 14:12:11
阅读次数：
129
原文地址 在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。 根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。 受现代 JavaScrip ...
分类：
其他好文 时间：
2019-05-09 22:04:48
阅读次数：
113
flex(弹性)布局：******** 以往的网页布局(layout)方式： 方式：基于盒模型，依赖display属性+margin属性+position属性+float属性。特殊布局比较麻烦(比如元素的垂直居中) 2009年w3c推出flex布局。可以简便、完整，响应式的实现网页布局(IE10以上 ...
分类：
其他好文 时间：
2019-05-08 09:28:08
阅读次数：
149
当移动设备和浏览器视口一致时，如果使用以前布局，如果页面超过设备宽，超过的部分就会被裁掉，所以，不能使用传统的页面开发模式， 可以使用弹性布局，流式布局（百分百布局），响应式布局，rem布局 弹性布局： 1.分两部分：弹性父级，弹性子元素； 2.给父级设置display:flex/inline-fl ...
分类：
移动开发 时间：
2019-05-07 21:23:00
阅读次数：
180
在开始移动端布局前要先了解一下设备宽度，页面大小，浏览器视口三者之间的区别 设备宽度：实物设备的大小，设备的分辨率，具体数据是设备生产的厂家给的。 页面大小：设计稿上规定的页面的宽度和高度 浏览器视口：浏览器自带的用document.documentElement.clientWidth查看，在移动 ...
分类：
移动开发 时间：
2019-05-07 19:34:13
阅读次数：
381
响应式布局可以帮助我们实现网站布局随屏幕大小自动调整的需求，实现不同屏幕分辨率的终端上浏览网页的不同展示方式，使得网页在PC端和手机端均可以完美的展现其内容，具有自适应性。 使用基于Bootstrap的栅格系统 Bootstrap响应式布局是利用其栅格系统，对于不同的屏幕采用不同的类属性。在开发中可 ...
分类：
其他好文 时间：
2019-05-06 00:57:17
阅读次数：
142
基础样式： 自适应沾满浏览器 带条纹： 带边框： 鼠标悬停：table-hover 表格行样式： 响应式表格： 响应式表格需要将table放到div内 且div样式设置为table-responsive即可 ...
分类：
其他好文 时间：
2019-05-04 18:45:20
阅读次数：
165
