第1章 課程介紹 學習設計模式的必要性，課程包含的知識點，課程安排，學習前提 1-1 導學 第2章 面向物件 講解javascript中的面向物件的概念，包括 ES6 class 語法、UML 類圖、以及面向物件三要素 2-1 搭建開發環境1 2-2 搭建開發環境2 2-3 搭建開發環境3 2-4 搭建開發環境4 2-5 什麼是面向物件 2-6 面向物件-繼承 2-7 面向物件-封裝 2-8 面向物件-多型 2-9 面向物件-應用舉例 2-10 面向物件-總結 2-11 UML類圖1-介紹 2-12 UML類圖2-關係 2-13 總結 第3章 設計原則 設計原則是理解設計模式的基礎，是從設計到模式的過度。本章介紹何為設計，5大原則，另外，還會講解兩個關於面向物件與設計原則的真實面試題。 3-1 設計原則-介紹 3-2 設計原則-何為設計1 3-3 設計原則-何為設計2 3-4 設計原則-5大原則 3-5 用promise演示 3-6 設計模式簡介 3-7 23種設計模式介紹 3-8 面試真題1-介紹 3-9 面試真題1-解答 3-10 面試真題2-介紹 3-11 面試真題2-畫圖 3-12 面試真題2-編碼 3-13 總結 第4章 工廠模式 工廠模式是我們最常用的例項化物件模式，本章介紹工廠模式的基本概念，以快餐店漢堡作為生活例項加深理解，講解並繪製了UML類圖，最後列舉了JS中的常見使用場景，如 jquery中的$，React.createElement，vue 非同步元件等 4-1 工廠模式-介紹 4-2 工廠模式-演示和場景 第5章 單例模式 單例模式的核心結構中只包含一個被稱為單例的特殊類。概念、UML類圖仍是必須，本章使用的場景是 jquery中只有一個$，redux 和 vuex 的 store，一個系統中只有一套登入邏輯 5-1 單例模式-介紹 5-2 單例模式-演示 5-3 單例模式-場景(jq的$和登入框邏輯)和總結 第6章 介面卡模式 將一個類的介面適配成使用者所期待的，這就是介面卡。替換老專案中jquery的$.ajax，vue中計算機屬性computed的使用，都可以看作是介面卡模式。 6-1 介面卡模式-介紹 6-2 介面卡模式-演示 6-3 介面卡模式-場景(封裝舊介面&Vue的computed) 第7章 裝飾器模式 裝飾器模式屬於結構型模式，它是作為現有的類的一個包裝，允許向一個現有的物件新增新的功能，同時又不改變其結構。本章同樣介紹概念、UML。同時使用了豐富/實用的場景示例，包括ES7裝飾器、core-decorators模組等 7-1 裝飾器模式-介紹 7-2 裝飾器模式-場景1 7-3 裝飾器模式-場景2(裝飾類和方法) 7-4 裝飾器模式-場景3和總結 第8章 代理模式 為其他物件提供一種代理以控制對這個物件的訪問。網路代理，明星/經紀人的場景恰如其分 8-1 代理模式-介紹和演示 8-2 代理模式-場景1(事件代理和jq的proxy) 8-3 代理模式-場景2(明星經紀人) 8-4 代理&介面卡&裝飾模式對比 第9章 外觀模式 本章講解外觀模式，講解其概念、示例 9-1 外觀模式 第10章 觀察者模式 觀察者模式是前端最常用、最重要的設計模式，如果讓你只掌握一種設計模式，那肯定就是觀察者模式！！！星巴克點咖啡就是比較帖近的生活場景， jquery和NodeJs中的自定義事件更是經典的使用 10-1 觀察者模式-介紹和演示 10-2 觀察者模式-場景1jquery 10-3 觀察者模式-場景2NodeJs自定義事件 10-4 觀察者模式-其它場景 第11章 迭代器模式 用於順序訪問集合物件的元素，是的，就是迴圈。自己封裝，通用的迴圈方法就是迭代器模式的經典實現。 11-1 迭代器模式-介紹 11-2 迭代器模式-演示 11-3 迭代器模式-場景(ES6 Iterator)1 11-4 迭代器模式-場景2 11-5 迭代器模式-程式碼演示和總結 第12章 狀態模式 對於複雜的狀態管理，如果只用 if…else來判斷，擴充套件性是非常差的。狀態模式提出了一種處理複雜狀態變化且擴充套件性好的設計思路。有限狀態機、自己實現Promise等場景的講解，經典而深入 12-1 狀態模式-介紹和演示 12-2 狀態模式-場景1(有限狀態機) 12-3 狀態模式-場景2(寫一個promise) 第13章 其他設計模式 本章統一講解一些 JS 中使用不是很頻繁的設計模式。雖然不常用，但是也要理解其概念和用意。 13-1 其他設計模式概述 13-2 原型模式 13-3 橋接模式 13-4 組合模式 13-5 享元模式 13-6 策略模式 13-7 模板方法模式和職責連模式 13-8 命令模式 13-9 備忘錄模式 13-10 中介者模式 13-11 訪問者模式和直譯器模式 13-12 關於面試和日常使用 第14章 綜合應用 設計模式好學，不易用。最難的是不知道在什麼場景下應該使用什麼模式。本章以一個簡單的購物車綜合示例來演示幾個常用的設計模式如何落地使用，包括專案的分析、設計、編碼和設計模式解析。 14-1 綜合應用-介紹和演示 14-2 綜合應用-UML類圖分析 14-3 綜合應用-畫UML類圖 14-4 綜合應用-程式碼基礎環境 14-5 綜合應用-實現List元件 14-6 綜合應用-實現item&cart 14-7 綜合應用-狀態模式實現購物車操作 14-8 綜合應用-實現購物車列表和折扣 14-9 綜合應用-實現日誌 14-10 綜合應用-總結 第15章 課程總結 回顧課程脈落，總結課程內容 15-1 課程總結  

下載地址：百度網盤