weixin_63756334的博客

原创 Vue核心之虚拟DOM以及Diff算法原理

自己的理解：首先，通过HTML Parser解析HTML，生成一颗DOM节点树，再通过CSS Parser解析CSS，生成CSS的样式规则（Style Rules），再通过DOM节点的attch方法接受样式信息，返回一个Render对象（Render相当于渲染函数），Render对象最终渲染构建成一颗Render树，有了Render树，浏览器开始布局，为每个Render树上的节点确定一个在显示屏上出现的精确坐标，最后调用节点的Painting方法绘制出来。，从而显著提高性能。