瀏覽器工作方式介紹

HTML 引擎工作方式及特點(diǎn)
JavaScript 引擎工作方式及特點(diǎn)
常見瀏覽器廠商的產(chǎn)品特性
移動(dòng)端瀏覽器行為的特點(diǎn)

JavaScript 代碼優(yōu)化

加載與執(zhí)行
JavaScript 腳本的加載和執(zhí)行是阻塞模式，為了提高性能應(yīng)該調(diào)節(jié)加載位置和順序。
數(shù)據(jù)訪問
JavaScript 中使用不同的數(shù)據(jù)類型來存儲(chǔ)數(shù)據(jù)，會(huì)有完全不同的執(zhí)行性能，這里專注介紹該使用何種方
式進(jìn)行數(shù)據(jù)存儲(chǔ)以提高性能
DOM 元素的遍歷
專門介紹針對不同瀏覽器該使用何種方式來遍歷頁面元素以提高性能
流程控制優(yōu)化
算數(shù)表達(dá)式和流程控制部分介紹通過優(yōu)化循環(huán)和比較流程優(yōu)化程序性能
響應(yīng)模式優(yōu)化
開發(fā)體驗(yàn)中最糟糕的莫過于點(diǎn)擊頁面無響應(yīng)，此內(nèi)容介紹如何提 UI 響應(yīng)性能機(jī)制

JavaScript 代碼組織方式介紹

JavaScript 與面向?qū)ο?/span>
使用 function 在 ECMAScript 5 規(guī)范下模擬類和繼承
ECMAScript 6 嚴(yán)格語法模式中接口的定義與實(shí)現(xiàn)
AMD 異步模塊定義的使用
MVC 模型框架與實(shí)現(xiàn)
MVP 模型框架與實(shí)現(xiàn)
JavaScript 的模塊化 與動(dòng)態(tài)裝載管理

JavaScript 開發(fā)工具與調(diào)試工具介紹

Chrome 調(diào)試工具介紹
使用 Jasmine+Karma 進(jìn)行單元測試
使用 selenium 進(jìn)行 E2E 測試