- 博客(4)
- 收藏
- 关注
原创 高性能JavaScript之DOM操作优化
高性能JavaScript之DOM操作 浏览器通常要求 DOM 实现和 JavaScript 实现保持相互独立。这对性能意味着什么呢?简单说来,两个独立的部分以功能接口连接就会带来性能损耗。 一个很形象的比喻是把 DOM 看成一个岛屿,把JavaScript看成另一个岛屿,两者之间以一座收费桥连接。每次 ECMAScript 需要访 问 DOM 时,你需要过桥,交一次“过桥费”。你操作 DOM 次...
2020-04-21 14:34:34 357
原创 高性能JavaScript之数据访问
高性能JavaScript之数据访问 从性能角度分析作用域影响 作用域原理 每一个 JavaScript 函数都被表示为对象。进一步说,它是一个函数实例。里面拥有一个内部属性[[Scope]]。 [[scope]]属性:包含一个函数被创建的作用域中对象的集合 此集合被称为函数的作用域链,它决定哪些数据可由函数访问。此函数作用域链中的每个对象被称为一个可变对象 当一个函数创建后,它的作用域链被填充以...
2020-04-12 16:04:23 113
原创 高性能的JavaScript之加载和运行(二)
高性能的JavaScript之加载和运行(二) 非阻塞脚本 介绍 之前说过,JavaScriptt 倾向于阻塞浏览器某些处理过程,比如HTTP 请求和界面刷新。那么我们可以通过保持 JavaScript 文件短小,并限制 HTTP 请求的数量进行一定的加载性能优化。但是一个应用程序所包含的功能越多,所需要的 JavaScript 代码就越大,保持源码短小并不总是一种选择。尽管下载一个大 JavaS...
2020-04-02 14:16:50 145
原创 高性能的JavaScript之加载和运行(一)
高性能的JavaScript之加载和运行(一) 基本问题 JavaScript具有阻塞的特征,当 JavaScript 运行时其他的事情不能被浏览器处理。大多数浏览器使用单进程处理 UI 更新和 JavaScript 运行等多个任务,而同一时间只能有一个任务被执行。也就是说,JavaScript运行了多长时间,那么在浏览器空闲下来响应用户输入之前的等待时间就有多长。 从代码来说。<html&...
2020-04-02 13:24:48 138
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人