400-888-5228

課程介紹:

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

 

課程目標(biāo):

深入了解 JavaScript 工作方式

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

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

 

課程時(shí)長:

2天

目標(biāo)學(xué)員:

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

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

HTML 基礎(chǔ)知識(shí)

CSS 基礎(chǔ)知識(shí)

JavaScript 基礎(chǔ)知識(shí)

 

課程大綱:

瀏覽器工作方式介紹

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元素的遍歷

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

流程控制優(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ū)ο?/p>

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

ECMAScript6嚴(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測試

(sp)