![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
高性能JavaScript
文章平均质量分 82
高性能JavaScript
chtazy
这个作者很懒,什么都没留下…
展开
-
高性能JavaScript——1、加载与执行
JavaScript倾向于阻止浏览器的某些处理过程,如HTTP请求和用户界面更新,这是开发者所面临的最显著的性能问题。对应的JavaScripr文件将在页面解析到<script>标签时开始下载,但并不会执行,直到DOM加载完成(onload事件被触发前)。当一个带有defer属性的JavaScripr文件下载肘,它不会阻塞浏览器的其他进程,因此这类文件可以与页面中的其他资源并行下载。管理浏览器中的JavaScript代码是个棘手的问题,因为代码执行过程会阻塞浏览器的其他进程,比如用户界面绘制。原创 2024-03-22 16:06:32 · 779 阅读 · 0 评论 -
高性能JavaScript——2、数据存取
管理作用域作用域链和标识符解析标识符解析的性能改变作用域链动态作用域闭包、 作用域和内存对象成员原型原型链嵌套成员缓存对象成员值小结原创 2024-03-22 16:11:16 · 966 阅读 · 0 评论 -
高性能JavaScript——4、算法和流程控制
在所有情况下, 基于循环的迭代比基于函数的迭代快8倍,因此在运行 速度要求严格时, 基于函数的选代不是合适的选择。在这些简单的循环中, 即使代码不多, 每次迭代也要进行许多操作。代码运行速度很大程度上取决于函数 process()对每个数组项的操作, 即使如此, 减少每次迭代中的操作总数能 大幅提高循环的总体性能。大多数的语言对switch语句的实现都采用了branchtable (分支表)索引来进行优化,另外,在JavaScript中,switch语句比较值时使用全等操作符,不会发生类型转换的损耗。原创 2024-03-25 09:54:54 · 753 阅读 · 1 评论 -
高性能JavaScript——6、快速响应的用户界面
大多数浏览器让一个单线程共用于执行JavaScript和更新用户界面。每个时刻只能执行其中一种操作,这意味着当JavaScript代码正在执行时用户界面无法响应输入,反之亦然。当JavaScript代码执行时,用户界面处于“锁定”状态。管理好JavaScript的运行时间对Web应用的性能非常重要。原创 2024-03-25 15:58:23 · 1232 阅读 · 1 评论 -
高性能JavaScript——7、Ajax
理想的数据格式应该只包含必要的结构, 以便你可以分解出每一个独立的字段。你可以很容易地定义一 种这样的格式, 只须简单地把数据用分隔符连接起来这种格式非常简洁,“数据/结构”比例相当高,比其他任何格式都高(除了纯文本)。只需要简单地调用字符串split()方法并传入分隔符作为参数即可,复杂一点的加上循环就好了。JavaScript中的循环和split()方法都是相当快的。XHR和动态脚本注入都可以使用这种格式。两种情况下都要解析字符串,因此没有实质上的性能差异。原创 2024-03-26 15:35:35 · 677 阅读 · 0 评论 -
高性能JavaScript——8、编程实践
道理很简单:JavaScript的原生部分在你写代码之前已经存在浏览器中了,并且都是低级语音编写的,诸如C++。这意味着这些方法会编译成机器码,成为浏览器的一部分,所以不会像自己写的JavaScript代码那样受到各种限制。当你在JavaScript代码中执行另一段JavaScript代码时,都会导致双重求值的性能消耗。预加载适用于一个函数马上就要被用到, 井且在整个页面的生命周期中频繁出现的场合。调用延迟加载函数时,第一次总会消耗较长的时间,但随后调用相同的函数就会更快,因为不需要再执行检测逻辑。原创 2024-03-26 16:55:03 · 665 阅读 · 0 评论 -
高性能JavaScript——9、构建并部署高性能JavaScript应用
在计算机科学中,预处理器是在程序中处理输入数据,产生能用来输入到其他程序的数据的程序。所处理的数量和种类依赖于预处理器的类型,一些预处理器只 能执行相对简单的文本替换和宏扩展,而另一些则有着完全成熟的编程语言的能力。JavaScript压缩指的是把JavaScript文件中所有与运行无关的部分进行剥离的过程。预处理你的JavaScript据文件并不会让应用变得更快,但它允许你做些其他的事情,例如 有条件地插入测试代码,来衡量你的应用程序的性能。合并、预处理和压缩这些步骤既能在构建时进行,也能在运行时进行。原创 2024-03-26 18:14:41 · 346 阅读 · 0 评论 -
高性能JavaScript——10、工具
本章介绍的工具已经过时,理解思路为主。原创 2024-03-26 18:21:03 · 124 阅读 · 0 评论