前端基礎以前端mv*框架

最近在複習前端的基礎,準備把以前薄弱的環境從新打牢。有些概念理解不清楚,模糊的都會記錄在博客上面,供之後查閱。最近對感受本身對前端的MV*框架概念有些模糊,區分不開,因此記錄一下。前端

mvc架構

model(模型) 應用程序中用於處理應用程序數據邏輯的部分。後端

View(視圖) 應用程序中處理數據顯示的部分。bash

Controller(控制器) 應用程序中處理用戶交互的部分。架構

mvc(modal-view-controller)是比較經常使用的框架,也是早期的後端服務框架,後來隨着富客戶端的發展,在前端也使用了起來。mvc的目的是把軟件分紅三個部分,這樣關注點分離,便於更好的維護代碼,方便進行業務擴展。其各部分的通訊以下。 mvc

1.View 發送指令到controller
2.controller收到指令後完成業務邏輯,更改model
3. model 將新的數據發送到View,完成視圖的顯示
複製代碼

特色: 每一個層的通訊都是單向通訊的。框架

表明框架:backbonemvvm

mvp架構

mvp(modal-presenter-view)只是把controller 換成Presenter,而且去掉了modalview以前的通訊。其邏輯部署在Presenter中spa

1.View 發送指令到換成presenter
2.presenter收到指令後完成業務邏輯,更改model
3. presenter 返回業務邏輯處理的結果給view
複製代碼

特色: viewpresenter 雙向通訊, presentermodel雙向通訊,而且切斷viewmodel之間的通訊雙向綁定

mvvm架構

mvp(modal-mv-view) 其中view和mv雙向綁定,其中view 的改變會影響mv,mv 的改變會影響view的顯示code

特色: viewmodel-view 雙向綁定

表明框架:angular

相關文章
相關標籤/搜索