第1章 課程介紹
本章主要介紹課程的知識大綱，每個章節的解決順序和主要內容。
1-1 導學
1-2 課程重要提示
1-3 架構
第2章 ES6 語法
本章主要講解工作中最常用的 ES6 語法，包括 Module Class Promise 等語法，還會介紹使用 babel webpack rollup 來搭建 ES6 編譯環境。
2-1 開始
2-2 模塊化 - 語法
2-3 模塊化 - babel-new-part1
2-4 模塊化 - babel-new-part2
2-5 模塊化 - webpack
2-6 模塊化 - rollup介紹
2-7 模塊化 - rollup安裝
2-8 模塊化 - 總結
2-9 class - JS構造函數
2-10 class - 基本語法
2-11 class - 繼承
2-12 class - 總結
2-13 promise-callback-hell
2-14 promise - 語法
2-15 promise - 總結
2-16 常用功能 - 語法演示
2-17 常用功能 - 代碼演示
2-18 常用功能 - 總結
第3章 -原型
本章將結合 jQuery 和 zepto 源碼來講解原型的實際應用。通過源碼來分析 jQuery 和 zepto 是如何使用原型的，以及通過它們的插件機制，講解原型的擴展性。
3-1 開始
3-2 實際應用 - jQuery使用
3-3 實際應用 - Zepto - 1
3-4 實際應用 - Zepto - 2
3-5 實際應用 - Zepto - 3
3-6 實際應用 - jQuery-1
3-7 實際應用 - jQuery-2
3-8 實際應用 - 總結
3-9 擴展性 - 插件機制
3-10 擴展性 - 代碼演示
3-11 擴展性 - 總結
3-12 總結
第4章 -異步
本章全面講解了 JS 異步的知識點。先從原理開始，講解什么是單線程、什么是 event loop ；然后講解 jQuery 中解決異步的 Deferred 以及 jQuery 初次展示出來的 Promise 的用法；最后再講解 ES6 中 Promise 的用法和標準。
4-1 開始
4-2 單線程 - 介紹-1
4-3 單線程 - 介紹-2
4-4 單線程 - 異步-1
4-5 單線程 - 異步-2
4-6 單線程 - 總結
4-7 event-loop - 演示
4-8 event-loop - 代碼演示
4-9 event-loop - 總結
4-10 jquery-deferred - 介紹
4-11 jquery-deferred - 介紹演示
4-12 jquery-deferred - 應用-1
4-13 jquery-deferred - 應用-2
4-14 jquery-deferred - 應用-3
4-15 jquery-deferred - 應用-4
4-16 jquery-deferred - 總結
4-17 promise - 語法回顧
4-18 promise - 捕獲異常-1
4-19 promise - 捕獲異常-2
4-20 promise - 串聯
4-21 promise-all-race
4-22 promise - 標準總結
4-23 promise - 總結
4-24 async-await-1
4-25 async-await-2
4-26 async-await - 總結
4-27 總結
第5章 虛擬 DOM
本章分析了虛擬 DOM 的使用場景、常用 API、以及 diff 算法的代碼框架。通過學習和了解虛擬 DOM ，為后面的 vue 和 React 學習打好基礎。
5-1 開始
5-2 什么是 vdom - 開始
5-3 什么是 vdom-jquery-1
5-4 什么是 vdom-jquery-2
5-5 什么是 vdom - 總結
5-6 使用 vdom-snabbdom-1
5-7 使用 vdom-snabbdom-2
5-8 使用 vdom-snabbdom-3
5-9 使用 vdom - 重做demo-1
5-10 使用 vdom - 重做demo-2
5-11 使用 vdom - 總結
5-12 Diff算法 - 開始
5-13 Diff算法 - 命令演示
5-14 Diff算法 - vdom 為何要使用 Diff
5-15 Diff算法 - 實現-1
5-16 Diff算法 - 實現-2
5-17 Diff算法 - 實現-3
5-18 Diff算法 - 實現-4
5-19 Diff算法 - 總結
5-20 總結 - part1
5-21 總結 - part2
第6章 MVVM 和 vue
本章首先介紹了 jQuery 開發方式和框架開發方式的區別，引導學生進入框架開發的思路轉變。然后通過 MVC 模式引入 MVVM ，在兩者比較讓學生更快熟悉 MVVM 。最后結合實例，詳細講解 vue 的實現原理，包括響應式、模板解析、渲染這三大要素。...
6-1 開始
6-2 從jQuery到框架 - jQuery
6-3 從jQuery到框架 - Vue
6-4 從jQuery到框架 - 區別
6-5 從jQuery到框架 - 總結
6-6 如何理解 MVVM - MVC
6-7 如何理解 MVVM - MVVM
6-8 如何理解 MVVM - 總結
6-9 Vue三要素
6-10 響應式 - 介紹
6-11 響應式 - defineProperty 演示
6-12 響應式 - 模擬
6-13 響應式 - 總結
6-14 模板解析 - 開始
6-15 模板解析 - 模板是什么
6-16 render函數 - with的用法
6-17 render函數 - 講解1
6-18 render函數 - 講解2
6-19 render函數 - 講解3
6-20 render函數 - 講解4
6-21 render函數 - 講解5
6-22 render函數 - 講解6
6-23 render函數 - 講解7
6-24 總結
6-25 整體流程-1
6-26 整體流程-2
6-27 整體流程 - 總結
6-28 總結
第7章 組件化和 React
本章先帶領學生做一個 React 的實例，熟悉 React 開發環境、以及組件化的概念。然后，通過實例來講解 React 的實現原理，包括 JSX 的本質、虛擬 DOM 和 JSX 的結合、以及 setState 。最后，對比 vue 和 React ，分析兩者的異同。
7-1 開始
7-2 todolist-demo-1
7-3 todolist-demo-2
7-4 todolist-demo-3
7-5 todolist-demo-4
7-6 什么是組件 - 組件封裝
7-7 什么是組件 - 組件復用 - 總結
7-8 JSX本質 - 語法演示
7-9 JSX本質 - 解析成JS
7-10 JSX本質 - 標準
7-11 JSX本質 - 總結
7-12 JSX 和 vdom - vdom 回顧
7-13 JSX 和 vdom - 何時patch
7-14 JSX 和 vdom - 自定義組件的處理
7-15 JSX 和 vdom - 示例演示
7-16 JSX 和 vdom - 總結
7-17 setState - 異步-1
7-18 setState - 異步-2
7-19 setState - 回顧 vue 修改屬性
7-20 setState - 過程
7-21 setState - 總結
7-22 總結
7-23 React 和 Vue對比
第8章 hybrid
本章主要介紹 hybrid 的原理和應用。hybrid 基礎部分要講解 file 協議、webview、更新上線流程；另外，通過 h5 和 hybrid 的對比，來了解兩者的異同和使用場景；最后講解前端 JS 和客戶端的通訊，包括通訊原理和 JS-bridge 的代碼封裝。...
8-1 開始
8-2 hybrid是什么 - 開始
8-3 hybrid是什么 - webview
8-4 hybrid是什么 - file協議
8-5 hybrid是什么 - 具體實現和總結
8-6 hybrid更新流程
8-7 hybrid 和 h5 的比較
8-8 JS和客戶端通訊 - 開始
8-9 JS和客戶端通訊 - schema協議-1
8-10 JS和客戶端通訊 - schema協議-2
8-11 JS和客戶端通訊 - schema封裝-1
8-12 JS和客戶端通訊 - schema封裝-2
8-13 JS和客戶端通訊 - 總結
8-14 總結
第9章 課程總結
本章介紹一些面試加分項，結合我自己的經驗，介紹如何看書、寫博客和做開源。最后，再次總結整個教程的知識框架，回顧所有的知識點。
9-1 不講nodejs
9-2 如何熱愛編程
9-3 總結
?
下載地址:百度網盤下載
)
