持续更新中....
1. 前端性能的本质
性能问题多种多样:瓶颈可能出现在网络传输过过程,造成前端数据呈现延迟。也可能是移动hybrid应用中,webview容器带来了瓶颈和限制。但是关于性能问题一般都弹不开Javascript单线程这个概念。
浏览器解析和渲染DOM Tree和CSS Tree,解析执行JavaScript,几乎所有的操作都是在主线程中执行。因为JavaScript可以操作DOM,影响渲染,所以JavaScript引擎线程和UI线程互斥,换句话说,JavaScript代码执行会阻塞页面的渲染。