摘要： 1、首先遇到的第一个坑是数组 vue初始化时，data是一个数组并且为空的时候，里面有一些对象元素，直接改变这些对象的的属性不会触发视图更新 解决办法，copy一个新的数组(vue.assign是浅copy)，然后改变新数组里的值，然后把原来的data指向这个新的数组能触发更新； 2、vue深cop 阅读全文

摘要： *{ display:none; } div{ display:block; } div 会正常显示粗来吗？不会 因为*代表所有元素，包括div的父级元素html，body 父级元素都不显示了，子元素怎么会显示 坑！！！ 阅读全文

摘要： 私有化属性是指，每个对象在调用这个属性时都得先set进去值然后再获取，并且不是公用的。 公共属性是，每个新构造的对像访问的都是一个属性，公用的 阅读全文

摘要： .test1 { width: 90px; height: 60px; -webkit-animation-name: skyset; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; / 阅读全文

摘要： translate:移动，transform的一个方法 通过 translate() 方法，元素从其当前位置移动，根据给定的 left（x 坐标） 和 top（y 坐标） 位置参数： 用法transform: translate(50px, 100px); -ms-transform: transl 阅读全文

摘要： 1. 当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候。在回流的时候，浏览器会使渲染树中受到影响的部分失效，并重新构造这部分渲染树，完成回流后，浏览器会重新绘制受影响的部 阅读全文

摘要： 1. 浏览器把获取到的HTML代码解析成1个DOM树，HTML中的每个tag都是DOM树中的1个节点，根节点就是我们常用的document对象。DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。 2. 浏览器把所有样式(用户定义的CSS和用户代理)解析成 阅读全文

摘要： 渐进增强（Progressive Enhancement）：一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。 优雅降级（Graceful Degradation）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。比如一开始使用 阅读全文

摘要： 1、概念，全称是block format context，块级格式化上下文 2、触发条件 根元素 float属性不为none position为absolute或fixed display为inline-block, table-cell, table-caption, flex, inline-f 阅读全文

摘要： 参考原文地址：https://stackoverflow.com/questions/20276097/chrome-devtools-100-cpu 问题描述，chrome打开devtools开发者工具，就会特别耗用cpu和内存，内存使用量一直增加，直到电脑崩溃 解决办法，打开开发者工具，找到so 阅读全文