1、目標前端
一、提高開發速度
二、更好的響應需求變化小程序
2、面臨的問題微信小程序
業務需求的變化是永恆的,而變化勢必會引起代碼的變化,新增代碼或修改代碼。微信
改動的地方越多,引入新的錯誤概率就越大。架構
3、應對思路app
最小化原則,確保每次業務需求變化能夠用最小的代價來完成。ide
一、視圖模板化,組件化函數
二、邏輯代碼對象化、版本化組件化
三、事件傳遞參數化、代理化學習
4、架構模型
一、視圖
二、邏輯與事件通訊
視圖層須要傳遞一組參數(對象名、方法名、方法須要的參數)
5、代碼示例
//wxml代碼<view bindtap='bindViewEvent' data-model="user" data-method="sayhello" data-text="hi,nihao">sayhello</view>//js代碼,page頁裏只有一個事件路由業務函數bindViewEvent:function(e){ app.excute(this,e); } //app.js /* * 事件路由函數 */ excute:function(that,e){ new umitech(that,this.config).extend(e);//動態加載對象,並調用相關方法 } } //app.js 前端學習培訓、視頻教程、學習路線,添加威信 kaixin666haoyun 與我聯繫 }