400-888-5228

課程介紹:

JavaScript已經(jīng)成為目前最為流行的前端開發(fā)語言,但是在使用過程中由于瀏覽器的工作方式不同,JavaScript代碼執(zhí)行性能有很大差別。艾威Avtechcn(中國)JavaScript開發(fā)性能優(yōu)化最佳實踐培訓(xùn)課程將就常見的性能相關(guān)問題張開介紹,并著重介紹如何進行優(yōu)化的 JavaScript性能開發(fā)。

 

課程目標:

深入了解 JavaScript 工作方式

掌握如何基于不同瀏覽器性能最優(yōu)的編寫 JavaScript

使用 chrome dev 等工具進行性能調(diào)試

 

課程時長:

2天

目標學(xué)員:

使用JavaScript 的前端開發(fā)人員

學(xué)習(xí)前提:

HTML 基礎(chǔ)知識

CSS 基礎(chǔ)知識

JavaScript 基礎(chǔ)知識

 

課程大綱:

瀏覽器工作方式介紹

HTML引擎工作方式及特點

JavaScript引擎工作方式及特點

常見瀏覽器廠商的產(chǎn)品特性

移動端瀏覽器行為的特點

JavaScript代碼優(yōu)化

加載與執(zhí)行

JavaScript腳本的加載和執(zhí)行是阻塞模式,為了提高性能應(yīng)該調(diào)節(jié)加載位置和順序。

數(shù)據(jù)訪問

JavaScript中使用不同的數(shù)據(jù)類型來存儲數(shù)據(jù),會有完全不同的執(zhí)行性能,這里專注介紹該使用何種方

式進行數(shù)據(jù)存儲以提高性能

DOM元素的遍歷

專門介紹針對不同瀏覽器該使用何種方式來遍歷頁面元素以提高性能

流程控制優(yōu)化

算數(shù)表達式和流程控制部分介紹通過優(yōu)化循環(huán)和比較流程優(yōu)化程序性能

響應(yīng)模式優(yōu)化

開發(fā)體驗中最糟糕的莫過于點擊頁面無響應(yīng),此內(nèi)容介紹如何提UI響應(yīng)性能機制

JavaScript代碼組織方式介紹

JavaScript與面向?qū)ο?/p>

使用function在ECMAScript5規(guī)范下模擬類和繼承

ECMAScript6嚴格語法模式中接口的定義與實現(xiàn)

AMD異步模塊定義的使用

MVC模型框架與實現(xiàn)

MVP模型框架與實現(xiàn)

JavaScript的模塊化與動態(tài)裝載管理

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

Chrome調(diào)試工具介紹

使用Jasmine+Karma進行單元測試

使用selenium進行E2E測試

(sp)