本文基於近段時間對 hooks 碎片化的理解作一次簡單梳理, 個人博客。同時歡迎關注基於 hooks 構建的 UI 組件庫 —— snake-design。 在 class 已經融入 React 生態的節點下, React 推出的 Hooks 具有如下優勢: 更簡潔的書寫; 相對 ...

一、創建型模式 深入理解設計模式（一）：單例模式(Singleton pattern): 確保一個類只有一個實例, 並提供全局訪問點. 深入理解設計模式（二）：簡單工廠模式(factory method pattern): 實質是由一個工廠類根據傳入的參數，動態決定應該創建哪一個 ...

包括7大設計原則和23大設計模式。 7大設計原則 這7大設計原則不僅是23大設計模式要去遵守的，也是我們平常開發過程中要時刻去遵守的准則，所以說非常非常重要。 1，單一職責原則 1）定義：就一個類而言，應該僅有一個引起它變化的原因。簡而言之，就是功能要單一。 2）如果一個類承擔的職責過多 ...

1.設計模式：策略模式 2.設計模式：單例模式 3.設計模式：觀察者模式 4.設計模式：工廠方法模式 5.設計模式：抽象工廠方法模式 6.設計模式：命令模式 7.設計模式：適配器模式 8.設計模式：裝飾者模式 ...

介紹 橋接模式（Bridge）將抽象部分與它的實現部分分離，使它們都可以獨立地變化。 正文 橋接模式最常用在事件監控上，先看一段代碼： 上述代碼，有個問題就是getBeerById必須要有瀏覽器的上下文才能使用，因為其內部使用了this.id這個屬性，如果沒用上下文，那就歇菜 ...

介紹 職責鏈模式（Chain of responsibility）是使多個對象都有機會處理請求，從而避免請求的發送者和接受者之間的耦合關系。將這個對象連成一條鏈，並沿着這條鏈傳遞該請求，直到有一個對象處理他為止。 也就是說，請求以后，從第一個對象開始，鏈中收到請求的對象要么親自處 ...

介紹 組合模式（Composite）將對象組合成樹形結構以表示“部分-整體”的層次結構，組合模式使得用戶對單個對象和組合對象的使用具有一致性。 常見的場景有asp.net里的控件機制（即control里可以包含子control，可以遞歸操作、添加、刪除子control），類似的還有DOM的機制 ...

介紹 從本章開始，我們會逐步介紹在JavaScript里使用的各種設計模式實現，在這里我不會過多地介紹模式本身的理論，而只會關注實現。OK，正式開始。 在傳統開發工程師眼里，單例就是保證一個類只有一個實例，實現的方法一般是先判斷實例存在與否，如果存在直接返回，如果不存在就創建了再返回，這就確保 ...