隨著前端ajax興起、前端開發工作進一步劃分：js開發和ui頁面製作、另外從整個前端專案的清晰明朗以可擴充套件性角度來看，mvc的應用也越來越必要，特別是對大的專案。
例如 需要給乙個頁面上的button註冊乙個onclick事件。
1、我們可以有如下最簡潔的寫法：（view和model control完全混合）
說明：如上寫法的好處：簡單、直接；嚴重的弊端：如果都是這樣寫法，頁面**很大的時候，修改js**還需要查詢整個頁面，導致整個頁面非常混亂。
2、將html和js**進行適當分離：（view和model control在同一頁面適當分離）
修改以上的寫法：
這是將頁面上所有的js**操作放到標籤中進行。使得js邏輯**相對集中，易於後期修改。
但是我們還是需要在html標籤中寫tipinfo(this)的js呼叫**。即html和js仍然有混合。
3、將html和js**徹底分離：（view和model control完全分離）
修改寫法：
檢視view的html**：
分離出來的模型model和控制control的綜合example.js**：
第一引數：為button節點id
第二引數：為需要註冊的觸發事件
第三引數：事件觸發函式
第四引數：需要傳遞的引數。
說明：control.js的**就是實現html頁面節點事件的註冊。使得節點的各種事件知道會觸發什麼函式去執行。
具體的函式操作，可以放到model模組中執行，在model中，才是真正處理邏輯操作。看model.js**：
function tipinfo(arr){
alert(arr[1]);
//實現其他元件功能，例如popup、form等。都屬於model模型
總結：view：只管頁面的顯示和樣式展示
control：進行頁面節點事件的註冊和控制，以及頁面載入效能的實現。
model：真正的邏輯處理，
Web前端開發 為何選擇MVVM而非MVC
在web中充斥著所謂的mvc框架，而在我看來，因為一些關鍵性的技術原因，mvc在web前端開發中根本無法使用 對的，是無法，而不是不該 在mvc原始報告中指出 view永遠不會知道使用者輸入，比如滑鼠操作和按鍵。很顯然，在web前端，你無法做到這一點，因為web的程式中，使用者的輸入必須通過監聽視窗...
開發web前端 web前端 開發筆記
我是孟噠噠一名web前端開發工程師，今天給大家分享一下web前端是的一些筆記應用，希望對你們有幫助。物件導向是乙個開發思想，它把注意點都放到了物件上。物件導向強調的幾個概念 1 類 類是一批具備相同屬性和行為的事物的抽象，為什麼是抽象？因為不是具體的，也就是說不是實實在在存在的東西 看不見摸不著 2...
MVC設計模式的簡單理解
mvc設計模式中有三個角色 模型 檢視 控制器，其核心是控制器為檢視物件和模型物件建立溝通渠道，就像m和v的中間協調人，將檢視物件和模型物件分離開來。1.在模型物件中封裝資料和基本行為模型物件維護應用程式的資料，並定義運算元據的特定邏輯。模型物件可以復用，因為它所表示的知識適用於特定的問題領域。理想...