高性能JavaScript（文档）

RayKr 发布于2019-08-22 18:32 / 3388人阅读

摘要：最近在全力整理高性能的文档，并重新学习一遍，放在这里方便大家查看并找到自己需要的知识点。

最近在全力整理《高性能JavaScript》的文档，并重新学习一遍，放在这里方便大家查看并找到自己需要的知识点。

前端开发文档

高性能JavaScript 第1章：加载和执行

脚本位置

阻止脚本

无阻塞的脚本

延迟的脚本

动态脚本元素

XMLHTTPRequest脚本注入

推荐的无阻塞模式

小结

第2章：数据存取

管理作用域

作用域链和标识符解析

标识符解析的性能

改变作用域链

动态作用域

闭包、作用域和内存

对象成员

原型

原型链

嵌套成员

缓存对象成员值

第3章：DOM编程

浏览器中的DOM

天生就慢

DOM访问与修改

innerHTML对比DOM方法

节点克隆

HTML集合

遍历DOM

重绘与重排

重排何时发生

渲染树变化的排队与刷新

最小化重绘与重排

缓存布局信息

让元素脱离动画流

IE和:hover

事件委托

小结

第4章：算法与流程控制

循环

循环类型

循环性能

基于函数的迭代

条件语句

if-else对比switch

优化if-else

查找表

递归

调用栈限制

递归模式

迭代

Memoizaton

小结

第5章：字符串和正则表达式

字符串连接

加+和加等+=操作符

数组项合并

String.prototype.concat

正则表达式优化

正则表达式工作原理

理解回溯

回溯失控

基准测试的说明

更多提高正则表达式效率的方法

何时不用正则表达式

去除字符串首尾空白

使用正则表达式去除首尾空白

不使用正则表达式去除首尾空白

混合解决方案

小结

第6章：快速响应的用户界面

浏览器UI线程

浏览器限制

多久才算太久

使用定时器让出时间片段

定时器基础

定时器精度

使用定时器处理数组

分割任务

定时器与性能

Web Workers

Worder运行环境

与Worker通信

加载外部文件

实际应用

第7章：Ajax

数据传输

请求数据

发送数据

数据格式

XML

JSON

HTML

自定义格式

数据格式总结

Ajax性能指南

缓存数据

了解Ajax类库的局限

小结

第8章：编程实践

避免双重求值

使用Object/Array直接量

避免重复工作

延迟加载

条件预加载

使用速度快的部分

位操作

原生方法

小结

第9章：构建并部署高性能JavaScript应用

Apache Ant

合并多个JS文件

预处理JS文件

JS压缩

构建时处理与运行时处理的对比

JS的HTTP压缩

缓存JS文件

处理缓存问题

使用内容分发网络（CDN）

部署JS资源

敏捷JS构建过程

小结

第10章：工具

JS性能分析

YUI Profiler

匿名函数

Firebug

控制台面板分析工具

Console API

网络面板

IE开发人员工具

Safari Web检查器（Web Inspector）

分析面板

资源面板

Chrome开发人员工具

脚本阻塞

Page Speed

Fiddler

YSlow

dynaTrace Ajax Edition

小结

idc机房托管云服务器 javascript文档教程文档javascript javascript文档教程 javascript教程文档

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/95972.html

前端文档收集

摘要：系列种优化页面加载速度的方法随笔分类中个最重要的技术点常用整理网页性能管理详解离线缓存简介系列编写高性能有趣的原生数组函数数据访问性能优化方案实现的大排序算法一怪对象常用方法函数收集数组的操作面向对象和原型继承中关键词的优雅解释浅谈系列 H5系列 10种优化页面加载速度的方法随笔分类 - HTML5 HTML5中40个最重要的技术点常用meta整理网页性能管理详解 HTML5 ...

jsbintask 2019-08-21 12:05 评论0 收藏0
前端文档收集

摘要：系列种优化页面加载速度的方法随笔分类中个最重要的技术点常用整理网页性能管理详解离线缓存简介系列编写高性能有趣的原生数组函数数据访问性能优化方案实现的大排序算法一怪对象常用方法函数收集数组的操作面向对象和原型继承中关键词的优雅解释浅谈系列 H5系列 10种优化页面加载速度的方法随笔分类 - HTML5 HTML5中40个最重要的技术点常用meta整理网页性能管理详解 HTML5 ...

muddyway 2019-08-29 13:21 评论0 收藏0
高性能JavaScript阅读简记（二）

摘要：访问集合元素时使用局部变量对于任何类型的访问，如果对同一个属性或者方法访问多次，最好使用一个局部变量对此成员进行缓存。三、DOM Scripting DOM编程我们都知道对DOM操作的代价昂贵，这往往成为网页应用中的性能瓶颈。在解决这个问题之前，我们需要先知道什么是DOM，为什么他会很慢。 DOM in the Browser World 浏览器中的DOM DOM是一个独立于语言...

RaoMeng 2019-08-01 17:20 评论0 收藏0
高性能JavaScript阅读简记（二）

摘要：访问集合元素时使用局部变量对于任何类型的访问，如果对同一个属性或者方法访问多次，最好使用一个局部变量对此成员进行缓存。三、DOM Scripting DOM编程我们都知道对DOM操作的代价昂贵，这往往成为网页应用中的性能瓶颈。在解决这个问题之前，我们需要先知道什么是DOM，为什么他会很慢。 DOM in the Browser World 浏览器中的DOM DOM是一个独立于语言...

coolpail 2019-08-20 18:31 评论0 收藏0