工程師
互聯(lián)網(wǎng)
前端開發(fā)
Java
JavaScript
推薦課程
average > 0 ? $model->average . '分' : '10.0分' ?>

JavaScript 開發(fā)性能優(yōu)化最佳實(shí)踐

蘇浩

北京航空航天大學(xué)軟件學(xué)院 客座教授，云計(jì)算專業(yè)研究生導(dǎo)師

====技術(shù)背景=======
精通ASP.NET 技術(shù)，10年以上經(jīng)驗(yàn)
精通 SQL SERVER技術(shù) 10年以上經(jīng)驗(yàn)
精通 JavaScript 技術(shù)8年以上經(jīng)驗(yàn)
精通HTML5 技術(shù) 3年以上經(jīng)驗(yàn)
精通 PHP 技術(shù)4年以上經(jīng)驗(yàn)
精通HTML/CSS3 技術(shù) 5年以上經(jīng)驗(yàn)
精通C#語言 8年以上經(jīng)驗(yàn)
UML語言建模 5年以上經(jīng)驗(yàn)
擁有PMP項(xiàng)目管理認(rèn)證
=====工作經(jīng)驗(yàn)========
微軟亞洲工程院工作 擔(dān)任測(cè)試項(xiàng)目管理工作 參與微軟的MSN 7測(cè)試工作。
? 測(cè)試自動(dòng)化
? 軟件本地化測(cè)試工作
微軟中國(guó)工作 擔(dān)任平臺(tái)開發(fā)與合作部工作 開發(fā)合作經(jīng)理
? ASP.NET Web開發(fā)
? 與ISV合作伙伴深度合作開發(fā)培訓(xùn)
北京市奧組委 奧運(yùn)場(chǎng)館經(jīng)理
? 與第三方合作平臺(tái)聯(lián)信合作開運(yùn)動(dòng)員信息同步系統(tǒng)
? 場(chǎng)館內(nèi)通信項(xiàng)目管理工作
北京航空航天大學(xué)軟件學(xué)院（兼容） 客座教授
? 移動(dòng)互聯(lián)網(wǎng)產(chǎn)品交互設(shè)計(jì)專業(yè)研究生導(dǎo)師

====技術(shù)背景======= 精通ASP.NET 技術(shù)，10年以上經(jīng)驗(yàn) 精通 SQL SERVER技術(shù) 10年以上經(jīng)驗(yàn) 精通 JavaScript 技術(shù)8年以上經(jīng)驗(yàn) 精通HTML5 技術(shù) 3年以上經(jīng)驗(yàn) 精通 PHP 技術(shù)4年以上經(jīng)驗(yàn) 精通HTML/CSS3 技術(shù) 5年以上經(jīng)驗(yàn) 精通C#語言 8年以上經(jīng)驗(yàn) UML語言建模 5年以上經(jīng)驗(yàn) 擁有PMP項(xiàng)目管理認(rèn)證 =====工作經(jīng)驗(yàn)======== 微軟亞洲工程院工作 擔(dān)任測(cè)試項(xiàng)目管理工作 參與微軟的MSN 7測(cè)試工作。 ? 測(cè)試自動(dòng)化 ? 軟件本地化測(cè)試工作 微軟中國(guó)工作 擔(dān)任平臺(tái)開發(fā)與合作部工作 開發(fā)合作經(jīng)理 ? ASP.NET Web開發(fā) ? 與ISV合作伙伴深度合作開發(fā)培訓(xùn) 北京市奧組委 奧運(yùn)場(chǎng)館經(jīng)理 ? 與第三方合作平臺(tái)聯(lián)信合作開運(yùn)動(dòng)員信息同步系統(tǒng) ? 場(chǎng)館內(nèi)通信項(xiàng)目管理工作 北京航空航天大學(xué)軟件學(xué)院（兼容） 客座教授 ? 移動(dòng)互聯(lián)網(wǎng)產(chǎn)品交互設(shè)計(jì)專業(yè)研究生導(dǎo)師

課程費(fèi)用

5800.00 /人

課程時(shí)長(zhǎng)

2天

成為教練

課程簡(jiǎn)介

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

目標(biāo)收益

深入了解 JavaScript 工作方式
掌握如何基于不同瀏覽器性能最優(yōu)的編寫 JavaScript
使用 chrome dev 等工具進(jìn)行性能調(diào)試

培訓(xùn)對(duì)象

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

課程大綱

瀏覽器工作方式介紹
 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è)面元素以提高性能
流程控制優(yōu)化
算數(shù)表達(dá)式和流程控制部分介紹通過優(yōu)化循環(huán)和比較流程優(yōu)化程序性能
響應(yīng)模式優(yōu)化
開發(fā)體驗(yàn)中最糟糕的莫過于點(diǎn)擊頁(yè)面無響應(yīng)，此內(nèi)容介紹如何提 UI 響應(yīng)性能機(jī)制
JavaScript 代碼組織方式介紹
 JavaScript 與面向?qū)ο?br/>使用 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)行單元測(cè)試
使用 selenium 進(jìn)行 E2E 測(cè)試
瀏覽器工作方式介紹
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è)面元素以提高性能
流程控制優(yōu)化
算數(shù)表達(dá)式和流程控制部分介紹通過優(yōu)化循環(huán)和比較流程優(yōu)化程序性能
響應(yīng)模式優(yōu)化
開發(fā)體驗(yàn)中最糟糕的莫過于點(diǎn)擊頁(yè)面無響應(yīng)，此內(nèi)容介紹如何提 UI 響應(yīng)性能機(jī)制
JavaScript 代碼組織方式介紹
JavaScript 與面向?qū)ο?br/>使用 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)行單元測(cè)試
使用 selenium 進(jìn)行 E2E 測(cè)試

活動(dòng)詳情

提交需求