摘要:的含義是一種設(shè)計模式,把系統(tǒng)分為三層是三個單詞的首字母縮寫,指模型,指視圖,指控制器。是用戶在瀏覽器看到的部分,它提供給用戶的界面,是外觀。
MVC的含義
MVC是一種設(shè)計模式,把系統(tǒng)分為三層:Model,view,controller.
MVC是三個單詞的首字母縮寫,M指model(模型),V指view(視圖),C指Controller(控制器)。
view : view是用戶在瀏覽器看到的部分,它提供給用戶的界面,是外觀。
model:model是數(shù)據(jù)中的數(shù)據(jù)庫,也有著各種操作數(shù)據(jù)的方法,跟數(shù)據(jù)有關(guān)的都在這部分,比如AJAX請求,localStorage存儲
controller:controller是連接view和model的接口,負責用戶從view中操作,然后取出model中的數(shù)據(jù)對其進行操作,產(chǎn)生結(jié)果使view改變。
MVC的過程controller監(jiān)聽著view的操作
當用戶在view中進行操作,就會通知controller
controller調(diào)用model中的數(shù)據(jù)
model中就會請求server服務(wù)器中的數(shù)據(jù)將其返回至controller
controller就會根據(jù)傳入的數(shù)據(jù)來更新view
var model = { data: null, init(){} fetch(){} save(){} update(){} delete(){} } view = { init() {} template: "hi
} controller = { view: null, model: null, init(view, model){ this.view = view this.model = model this.bindEvents() } render(){ this.view.querySelector("name").innerText = this.model.data.name }, bindEvents(){} }
MVC通過模塊化的方式,可以使代碼變得更加簡潔且易懂,易于后期進行修改。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/107260.html
摘要:面向?qū)ο笫亲约航M裝電腦,硬件已生產(chǎn)完畢。面向過程吃狗屎面向?qū)ο蠊烦允捍_切的講是一種軟件設(shè)計規(guī)范,早在年的理念就已經(jīng)誕生。后期的維護成本會減少很多。減輕了開發(fā)人員的負擔,也減少了操作邏輯導(dǎo)致業(yè)務(wù)邏輯混亂的可能性。 什么是MVC,什么是MVVM? 面向過程 --> 面向?qū)ο?--> MVC --> MV* 面向過程: 開發(fā)人員按照需求邏輯順序開發(fā)代碼邏輯,主要思維模式在于如何實現(xiàn)。先細節(jié),...
摘要:所以我查了很多的材料,希望能從自己的角度上用通俗的語言闡述前端框架的演變。現(xiàn)在,前端頁面會有很多復(fù)雜的交互邏輯和用戶體驗,如果還使用之前老的框架,對層的操作就會難以維護,這就是前端框架要不斷演變的主要原因。 說實在的,我不覺得MVC,MVVM這些框架有什么難的,直到我想寫一篇文章去系統(tǒng)的闡述它們。我遇到了以下幾個問題,1.不同的文章說的南轅北轍 2.沒有一個清晰的大綱和框架分類。所以我...
摘要:所以我查了很多的材料,希望能從自己的角度上用通俗的語言闡述前端框架的演變。現(xiàn)在,前端頁面會有很多復(fù)雜的交互邏輯和用戶體驗,如果還使用之前老的框架,對層的操作就會難以維護,這就是前端框架要不斷演變的主要原因。 說實在的,我不覺得MVC,MVVM這些框架有什么難的,直到我想寫一篇文章去系統(tǒng)的闡述它們。我遇到了以下幾個問題,1.不同的文章說的南轅北轍 2.沒有一個清晰的大綱和框架分類。所以我...
閱讀 2128·2021-09-27 14:04
閱讀 1873·2019-08-30 15:55
閱讀 1698·2019-08-30 13:13
閱讀 1065·2019-08-30 13:07
閱讀 2742·2019-08-29 15:20
閱讀 3240·2019-08-29 12:42
閱讀 3324·2019-08-28 17:58
閱讀 3593·2019-08-28 17:56