前端MVC框架
2019獨角獸企業重金招聘Python工程師標準>>>
前端MVC：V代表View，主要是展示視圖；C代表Controller，主要進行事件綁定；M代表Model，主要進行數據請求和操作。
eg：View展示頁面，點擊View -> 觸發Controller，進行事件綁定 -> 調用Model，Model執行 -> 結果展示在View。
下面直接上實例：
View：
<!DOCTYPE?html> <html><head><meta?charset="UTF-8"><title>FrontEnd?MVC</title></head> <body><input?type="button"?value="點擊前"?id="btn"/><script?src="js/model.js"></script><script?src="js/controller.js"></script> </body> </html>Controller：
function?$(id){if(id?&&?typeof?id?==?'string'){return?document.getElementById(id);} }var?Controller?=?new?Object(); Controller.register?=?function(id,event,func,arg){if($(id)){$(id)['on'+event]?=?function(){func($(id),arg);}} }Controller?.register('btn',"click",operator,[1,2,3,4]);Model：
function?operator(element,arg){if(Array.isArray(arg)){alert(arg.length);element.value?=?'點擊后'?;alert(arg[0]);console.log(arg);} }轉載于:https://my.oschina.net/zyxchuxin/blog/663869
總結
- 上一篇： Design Pattern: Obse
- 下一篇： 5个经典的JavaScript面试题