摘要：
var timerId = null document.querySelector('.ipt').onkeyup = function () { // 防抖 如果短时间内大量触发同一事件，只会执行一次函数。 // //在第一次触发事件时，不立即执行函数，而是给出一个期限值比如200ms //如果在 阅读全文
摘要：
阅读全文
摘要：
Virtual DOM是对DOM的抽象,本质上是JavaScript对象,这个对象就是更加轻量级的对DOM的描述. 真实DOM和其解析流程： 创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting 第一步: 利用HTML分析器，分析HTML元素，构 阅读全文
摘要：
响应式布局：一套代码可以适配多个终端。 适用于后台管理系统等简约类的网站。 原理仍是媒体查询。 xs 超小屏：0-768px sm 小 屏：768-992px md 中 屏：992px-1200px lg大 屏：1200px-无穷 栅格系统： 是BS实现响应式的核心所在 其底层也是媒体查询 首先考虑 阅读全文
摘要：
弹性布局，css3中的flex属性，在布局中做了非常大的改进，使得我们对多个元素之间的布局排列变得十分灵活，其强大的伸缩性和自适应性，在网页开中可以发挥极大的作用。 1.flex 布局的子元素不会脱离文档流 相比float来做布局，float属性的元素会脱离文档流，而且会涉及到各种BFC、清除浮动的 阅读全文
摘要：
屏幕里的元素（图片文字 背景图片 精灵图）需要用rem表示，rem参考的是html中设置的font-size的大小，1rem=font-size的大小，所以当屏幕拉伸的时候，屏幕大小即html大小会变化，即设置的font-size会发生变化。 所以屏幕里的元素因为用rem表示，即会出现自适应的大小缩 阅读全文