![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端性能优化
前端性能优化学习心得和总结
CC_Together
前端开发程序猿的学习之路
展开
-
了解Vue的虚拟dom及diff算法
vue框架里面的两大核心,虚拟dom和数据双向绑定原理,数据双向绑定原理已经在我的另外一篇博客中详细介绍了,本文来了解一下虚拟dom以及与虚拟dom难离难舍的diff算法。原创 2020-04-18 22:10:01 · 709 阅读 · 0 评论 -
前端性能优化之减少重排和重绘
首先需要了解一下浏览器渲染HTML的大致过程:(1)HTML被HTML解析器解析成DOM Tree, css则被css解析器解析成CSSOM Tree(并行解析)。(2)DOM Tree和CSSOM Tree解析完成后,被合并到一起,形成渲染树(render Tree)。(3)重排:节点信息计算,即根据渲染树计算每个节点的几何信息(大小及位置)。(4)重绘:渲染绘制,即根据计算好的信息绘制...原创 2020-04-13 23:12:51 · 2132 阅读 · 0 评论