自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除