JavaScript 闭包原理

# JavaScript 闭包原理 **[00:00]** 嗨,今天咱们来聊聊怎么让你的JavaScript代码跑得更快 **[00:04]** 是不是觉得自己的应用功能挺强,但用户总抱怨卡 **[00:09]** 其实,问题核心往往不是算法,而是代码跟渲染引擎的互动效率太低了 **[00:16]** 首先,第一点,批量更新DOM **[00:19]** 你要知道,JS7银河渲染引擎是分开的 **[00:23]** 你每动一次DOM,它俩就得沟通一次,开销不小 **[00:27]** 所以,聪明的做法是,把所有变化在内存里准备好,然后一次性应用上去 **[00:34]** 第二,存货重复的计算 **[00:36]** 这不只是查DOM,循环里任何重复获取的值都算 **[00:41]** 先把它存到变量里,就能避免每次迭代的开销让循环跑得更快 **[00:47]** 最后一点点,主动减少重排 **[00:50]** 你一改元素的尺寸或者位置,浏览器就得重新计算整个布局 **[00:56]** 这个操作特别好 **[00:57]** 会卡住渲染 **[00:58]** 所以,别零散的改样式,最好通过切换一个CSS类名来一次性搞定 **[01:04]** 总而言之,想让应用变流畅 **[01:07]** 关键就是尽可能减少代码跟渲染引擎的直接互动