前端MVC框架
2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>
前端MVC：V代表View，主要是展示視圖；C代表Controller，主要進(jìn)行事件綁定；M代表Model，主要進(jìn)行數(shù)據(jù)請(qǐng)求和操作。
eg：View展示頁面，點(diǎn)擊View -> 觸發(fā)Controller，進(jìn)行事件綁定 -> 調(diào)用Model，Model執(zhí)行 -> 結(jié)果展示在View。
下面直接上實(shí)例：
View：
<!DOCTYPE?html> <html><head><meta?charset="UTF-8"><title>FrontEnd?MVC</title></head> <body><input?type="button"?value="點(diǎn)擊前"?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?=?'點(diǎn)擊后'?;alert(arg[0]);console.log(arg);} }轉(zhuǎn)載于:https://my.oschina.net/zyxchuxin/blog/663869
總結(jié)
- 上一篇： Design Pattern: Obse
- 下一篇： iOS开发系列--无限循环的图片浏览器