前端開發(fā)模式--MV*

GeekGhc 發(fā)布于2019-08-23 15:27 / 2420人閱讀

摘要：前端的開發(fā)模式從經(jīng)典的框架，到完全獨立出來層的，再到以引領的的框架。優(yōu)點實現(xiàn)了前后端解耦分離。模式由微軟公司，于年提出，數(shù)據(jù)處理邏輯如下實現(xiàn)了控制層與的自動同步。

前端的開發(fā)模式從經(jīng)典的MVC框架，到完全獨立出來controller層的MVP，再到以vue、angular、react引領的的MVVM框架。

M指的是model（業(yè)務邏輯、接口數(shù)據(jù)層），V指的是view（用戶可視頁面層），C、P、VM指的是controller（用戶界面和后臺接口之間的控制層，主要作用是預處理用戶輸入，應用邏輯處理）

MVC模式
由施樂公司，于上個世紀70年代提出，數(shù)據(jù)處理邏輯如下：

model層處理完信息，直接與view層通信。

優(yōu)點：實現(xiàn)了前后端解耦、分離。
缺點：view層的分離不夠徹底，組件化困難。

MVP模式
由IBM子公司，于上世紀90年代提出，數(shù)據(jù)處理邏輯如下：

完全借由P(presenter)中間層處理邏輯，但與view的通信需要手動同步。

優(yōu)點：實現(xiàn)了view層的分離，獨立，由中間層統(tǒng)一邏輯處理。
缺點：中間層與view層的通信不夠自動、同步。

MVVM模式
由微軟公司，于2005年提出，數(shù)據(jù)處理邏輯如下：

實現(xiàn)了控制層與view的自動同步。
優(yōu)點：實現(xiàn)了自動同步中間層與view的通信。
缺點：不適用簡單項目，數(shù)據(jù)綁定在view模板中，不能debug調(diào)試。

詳細內(nèi)容請參考：https://segmentfault.com/a/11...

GPU云服務器云服務器前端設計模式開發(fā)模式更改開發(fā)模式敏捷開發(fā)模式

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/102088.html

如何實現(xiàn)一個MV*模式（MVC/MVP/MVVM）

摘要：首先我們要大概搞清楚一些什么模式。什么模式是等的一個統(tǒng)稱，它們各有不同，但本質上其實是一個東西。不關心它會被如何顯示或是如何被操作。效果圖如下，我們只關心功能實現(xiàn)，所以樣式丑我們先忍一下。假如讓你不依托任何前端框架（React/Vue/Angular等等），單純用Javascript編寫一個網(wǎng)站應用，你還知道怎么開發(fā)嗎？舉個例子，產(chǎn)品經(jīng)理讓你實現(xiàn)一個網(wǎng)頁，上面有一張貓咪的圖片，貓咪...

Cc_2011 2019-08-22 16:57 評論0 收藏0
談談前端MVC、MVVM設計模式

摘要：模式的目的是實現(xiàn)動態(tài)的程序設計，簡化程序后續(xù)的修改和擴展過程，并且使模塊能夠被重復利用。視圖的可視化表示，表示當前狀態(tài)的視圖。出現(xiàn)于年，最大變化在于代替了。其關鍵改進是數(shù)據(jù)綁定，也就是說，的數(shù)據(jù)狀態(tài)發(fā)生變化可以直接影響，反之亦然。 MV模式的目的是實現(xiàn)動態(tài)的程序設計，簡化程序后續(xù)的修改和擴展過程，并且使模塊能夠被重復利用。此模式通過簡化程序使之變得更為直觀。MV不是一種技術，而是一種...

yeyan1996 2019-08-26 10:12 評論0 收藏0
關于框架

摘要：事件訂閱發(fā)布者模式什么是讀音類似于是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，采用自底向上增量開發(fā)的設計。 MVC && MVVM 前端框架前端 MV*框架的意義被誤解的MVC和被神化的MVVM Vue.js新手入門指南單頁應用SPA的路由單頁面應用的路由問題本文是在自己總結時，看了許多篇文章有了些體會，然后把我認為有意義的摘抄下來，文中很大部分摘錄以上...

Richard_Gao 2019-08-20 18:30 評論0 收藏0
切圖崽的自我修養(yǎng)－[MVVM] Js MV*模式淺談

摘要：在沒有環(huán)境下對進行單元測試的時候，應用邏輯正確性是無法驗證的更新的時候，無法對的更新操作進行斷言。對是通過接口進行，在對進行不依賴環(huán)境的單元測試的時候。這里根據(jù)上面的例子給出了的單元測試樣例。年微軟工程師在自己的博客上首次公布了模式。前言做客戶端開發(fā)、前端開發(fā)對MVC、MVP、MVVM這些名詞不了解也應該大致聽過，都是為了解決圖形界面應用程序復雜性管理問題而產(chǎn)生的應用架構模式。網(wǎng)上...

bluesky 2019-08-20 11:31 評論0 收藏0