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