最近在学习前端的性能优化，有必要了解一下页面的渲染流程，以便对症下药，找出性能的瓶颈所在。以下是我看到的一些东西，分享给大家。 参考：Understanding the renderer 页面的渲染有以下特点： •单线程事件轮询 •定义明确、连续、操作有序（HTML5） •分词和构建DOM树 •请求资源并预加载 •构建渲染树并绘制页面 具体来说： 当我们从网络上得到HTML的相应字节时，DOM树就开始构建了。由浏览器更新UI的线...
我们正在构建一个在浏览器中运行的CAD应用程序. > C.A.D代表Computer Aided Design.> Illustrator,CorelDraw,AutoCAD等是CAD应用程序的一些示例. 它基于Paper.js,一个非常简洁的Canvas库,允许您以编程方式操作矢量. 问题 我目前面临的主要问题是重绘循环性能. 重绘算法是“哑”(就聪明的黑客而言,以提高性能)因而效率低且速度慢 – 渲染场景图项依赖于逐渐减慢的重绘周期. 随着绘图点的累积,每个重绘周期变得越来越慢. 重绘方案非常...