Javascript設計模式系統講解與應用

教程詳情

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 課程總結

教程截圖

教程試看

https://v.youku.com/v_show/id_XNTgxMjExNDY2MA==.html

教程下載

原文鏈接：【教程寶盒網】 https://www.jc-box.com/3597.html，轉載請注明出處。