前端必備理解之設計模式

2021-10-10 00:22:52 字數 482 閱讀 2323

mvc模式 模型(model)、檢視(view)和控制器(controller),以便於程式的分層開發。

- model 定義使用者介面所需要的被顯示的資料模型以及這個資料模型包含著相關的業務邏輯。

mvvm模式

- model 層代表資料模型也可以在model中定義資料修改和操作的業務邏輯

觀察者模式

- 物件間一種一對多的依賴關係,當目標物件 subject 的狀態發生改變時,所有依賴它的物件 observer 都會得到通知。

發布訂閱者模式

- 物件間一種一對多的依賴關係,當目標物件指定的動作發生改變時,訂閱該動作的依賴物件會收到相應的通知。

mvc和mvvm的區別

mvc中的controller演變成了mvvm中viewmodel

mvvm主要解決了mvc中的大量的dom操作而導致的頁面渲染效能降低,載入速度變慢,影響互用體驗 view和model 之間的同步工作完全是自動的,無需人為干涉

理解設計模式之命令模式

將 請求 封裝成物件,以便使用不同的請求,佇列或者日誌來引數化其他物件。命令模式用於方法呼叫類和方法實現類之間的解耦。在呼叫某個方法的時候不直接通過實現類呼叫,而是通過呼叫具體命令類的方法,在具體命令類的方法裡面呼叫實現類的方法。其實就是通過加入第三者 命令類 來實現呼叫者和執行者之間的解耦。命令模...

前端設計模式之抽象工廠模式

在工廠方法模式中具體工廠負責生產具體的產品,每乙個具體工廠對應一種具體產品,工廠方法也具有唯一性,一般情況下,乙個具體工廠中只有乙個工廠方法或者一組過載的工廠方法。但是有時候我們需要乙個工廠可以提供多個產品物件,而不是單一的產品物件。為了更清晰地理解工廠方法模式,需要先引入兩個概念 產品等級結構 產...

理解js設計模式之策略模式

策略模式的定義 定義一系列的演算法,然後根據實際情況去呼叫 乙個小插曲 最近在專案的過程中接手了乙個比較複雜的需求,由於是舊的專案用新的框架重構,所以能夠看見以前的 吸取下前人 的精華,復用一些可用的 免得自己寫半天。當然這篇的主題是策略模式,不會離題,因為當我完成了version 1 後,專案裡面...