2017年9月5日

摘要: repaint(重绘) ,repaint发生更改时,元素的外观被改变,且在没有改变布局的情况下发生,如改变outline,visibility,background color,不会影响到dom结构渲染。 reflow(渲染),与repaint区别就是他会影响到dom的结构渲染,同时他会触发repaint,他会改变他本身与所有父辈元素(祖先),这种开销是非常昂贵的,导致性能下降是必然的,页面元素... 阅读全文
posted @ 2017-09-05 22:07 zawjdbb 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 浏览器接收到html代码,可能是一份完整的文档,也可能是一个chunk,即开始解析。解析过程是先构建dom树,再根据dom树构建渲染树,最后浏览器将渲染树绘制到页面上。 构建dom树的过程即根据html代码自上而下进行构建,当遇到script文件加载/执行会阻塞后面dom树的构建(javascrip 阅读全文
posted @ 2017-09-05 21:47 zawjdbb 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 在JavaScript中,call、apply和bind是Function对象自带的三个方法,这三个方法的主要作用是改变函数中的this指向。 call、apply、bind方法的共同点和区别:apply 、 call 、bind 三者都是用来改变函数的this对象的指向的; apply 、 cal 阅读全文
posted @ 2017-09-05 21:03 zawjdbb 阅读(116) 评论(0) 推荐(0) 编辑
摘要: CSS中存在一个margin collapse,即边界塌陷或者说边界重叠。 对于上下两个并列的对象而言:上面div的margin-bottom和下面div的margin-top会塌陷所以从这个意义上说:CSS及浏览器的设计者们希望我们在布局时,如果遇到上下两个并排内容块的安排,最好只设置其中每个块上 阅读全文
posted @ 2017-09-05 19:30 zawjdbb 阅读(92) 评论(0) 推荐(0) 编辑

导航