高性能JavaScript（文檔）

RayKr 發布于2019-08-22 18:32 / 3539人閱讀

摘要：最近在全力整理高性能的文檔，并重新學習一遍，放在這里方便大家查看并找到自己需要的知識點。

最近在全力整理《高性能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

小結

云服務器 GPU云服務器 javascript文檔教程文檔javascript javascript文檔教程 javascript教程文檔

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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