400-888-5228

課程介紹:

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

 

課程目標:

深入了解 JavaScript 工作方式

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

使用 chrome dev 等工具進行性能調試

 

課程時長:

2天

目標學員:

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

學習前提:

HTML 基礎知識

CSS 基礎知識

JavaScript 基礎知識

 

課程大綱:

瀏覽器工作方式介紹

HTML引擎工作方式及特點

JavaScript引擎工作方式及特點

常見瀏覽器廠商的產品特性

移動端瀏覽器行為的特點

JavaScript代碼優(yōu)化

加載與執(zhí)行

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

數據訪問

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

式進行數據存儲以提高性能

DOM元素的遍歷

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

流程控制優(yōu)化

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

響應模式優(yōu)化

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

JavaScript代碼組織方式介紹

JavaScript與面向對象

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

ECMAScript6嚴格語法模式中接口的定義與實現

AMD異步模塊定義的使用

MVC模型框架與實現

MVP模型框架與實現

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

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

Chrome調試工具介紹

使用Jasmine+Karma進行單元測試

使用selenium進行E2E測試

(sp)