web 前端MVC理念的核心思想

目前前端MVC模式已經被各大互聯網企業或團隊應用的如火如荼,從最早最聞名的Backbone到現在各式各樣的OPOA框架或類庫,無疑或多或少有着MVC的身影,MVC這個這個被後臺用了這麼多年依然響噹噹的技術名詞,被移植到前端後依然展現了雄渾的魅力。。。


感覺實在沒詞了,編不下去了,直接正文


MVC模式統一的處理方法:

1. 獲取數據 getData

2. 對數據的一些處理操作 afteGetData,包括對數據的一些簡單處理,個人感覺是對數據的cache操作;

3. 構建通用的數據模塊層 buildData, 這一步的設計在於對直接從後臺拿到數據做的一層封裝操作,類似Java 的VO,屏蔽一些後臺經常變化的字段,這樣當後臺的一個字段不得已改變的時候,在前端造成的影響也不是那麼disaster的;

4. 獲取模板 getTemplate;

5.對模板的一些特殊操作 afterGetTemplate, 比如說對共用的模板加一個樣式,這個樣式就可以在獲取模板之後來進行些操作,而不用重新定義一個模板文件;

6. 構建模板 buildTemplate, 這一步很重要,涉及很多關鍵詞,比如延遲渲染、局部渲染、模板和數據的雙向綁定。。。這些都是通過是先在模板中進行標記,通常通過鉤子的方式進行,約定俗稱,制定規則,通過buildTemplate取得這些標記,從而快速的瞭解模板中那些是子模板,是不需要先渲染的,那些是有可能要局部渲染的區塊,當數據變化的時候,只渲染該區塊部分,而不是整個HTML頁面進行刷新;

7. 渲染操作 render 將之前獲得的模板和數據通過模板引擎進行渲染,顯示在指定的區域,具體的操作可以是innerHTML, appendChid或是insertBefore這些DOM操作;

8. 代理事件 delegateEvents,代理事件的好處在於html被幹掉後,事件依然存在,可被代理的事件的前提是可冒泡的事件,因此對於那些不可冒泡的事件,就要特殊處理了,需要直接綁定了,不冒泡事件包括 focus, blur, mouseover, mouseout, submit, change, hashChange

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章