第1章 課程介紹
本章主要介紹課程的知識大綱,每個章節(jié)的解決順序和主要內(nèi)容。
第2章 ES6 語法
本章主要講解工作中最常用的 ES6 語法,包括 Module Class Promise 等語法,還會介紹使用 babel webpack rollup 來搭建 ES6 編譯環(huán)境。
第3章 -原型
本章將結(jié)合 jQuery 和 zepto 源碼來講解原型的實際應(yīng)用。通過源碼來分析 jQuery 和 zepto 是如何使用原型的,以及通過它們的插件機制,講解原型的擴展性。
第4章 -異步
本章全面講解了 JS 異步的知識點。先從原理開始,講解什么是單線程、什么是 event loop ;然后講解 jQuery 中解決異步的 Deferred 以及 jQuery 初次展示出來的 Promise 的用法;最后再講解 ES6 中 Promise 的用法和標(biāo)準(zhǔn)。
第5章 虛擬 DOM
本章分析了虛擬 DOM 的使用場景、常用 API、以及 diff 算法的代碼框架。通過學(xué)習(xí)和了解虛擬 DOM ,為后面的 vue 和 React 學(xué)習(xí)打好基礎(chǔ)。
第6章 MVVM 和 vue
本章首先介紹了 jQuery 開發(fā)方式和框架開發(fā)方式的區(qū)別,引導(dǎo)學(xué)生進(jìn)入框架開發(fā)的思路轉(zhuǎn)變。然后通過 MVC 模式引入 MVVM ,在兩者比較讓學(xué)生更快熟悉 MVVM 。最后結(jié)合實例,詳細(xì)講解 vue 的實現(xiàn)原理,包括響應(yīng)式、模板解析、渲染這三大要素。…
第7章 組件化和 React
本章先帶領(lǐng)學(xué)生做一個 React 的實例,熟悉 React 開發(fā)環(huán)境、以及組件化的概念。然后,通過實例來講解 React 的實現(xiàn)原理,包括 JSX 的本質(zhì)、虛擬 DOM 和 JSX 的結(jié)合、以及 setState 。最后,對比 vue 和 React ,分析兩者的異同。
第8章 hybrid
本章主要介紹 hybrid 的原理和應(yīng)用。hybrid 基礎(chǔ)部分要講解 file 協(xié)議、webview、更新上線流程;另外,通過 h5 和 hybrid 的對比,來了解兩者的異同和使用場景;最后講解前端 JS 和客戶端的通訊,包括通訊原理和 JS-bridge 的代碼封裝。…
第9章 課程總結(jié)
本章介紹一些面試加分項,結(jié)合我自己的經(jīng)驗,介紹如何看書、寫博客和做開源。最后,再次總結(jié)整個教程的知識框架,回顧所有的知識點。






