摘要：
在js中，可分为全局作用域和局部作用域两种 全局作用域，在浏览器下是window，node是global，可以在运行过程中，任意位置都能访问到。而局部作用域，只有自己内部能访问到。 函数可以创建一个作用域块，在该函数中定义的变量，只有该函数内部能够访问。在函数外部（外部作用域没有声明该变量）时，浏览 阅读全文
摘要：
人眼感觉不到卡顿的效果需要60帧，打游戏都知道为60fps。页面性能如果低于60fps，那么能明显感觉到。 60fps，即需要在1000ms中处理60次，处理一次的时长为1000/60 约16ms。但是浏览器还需要对每帧进行处理，所以留给我们的只有10-12ms。我们所做的操作就需要尽可能的快。 那 阅读全文
摘要：
如何优化关键渲染路径，上一章初步了解了关键渲染路径的流程，此时，可以对此做一定的优化。我们可以从三个大类方向优化 一、减少网络发送的数据量 1.采用精简（移除注释，空格）、混淆（额外缩短变量名）的方式 2.gzip压缩，现在绝大部分浏览器都支持gzip压缩 3.部分资源可考虑采用内联的 4.静态资源 阅读全文
摘要：
关键渲染路径，即页面呈现在浏览器上所需的必要步骤： 1、解析html，生成dom。 2、请求css和js，并同时继续解析html。请求css完成后生成cssom 3、等待cssom完成，执行js，阻塞dom生成 4、根据dom和cssom生成渲染树 5、计算渲染树元素的位置，尺寸 6、绘制并呈现到屏 阅读全文