微信小程序前端開發(fā)架構
標簽:
JavaScript
一、目标
1、提升开发速度
2、更好的响应需求变化
二、面临的问题
业务需求的变化是永恒的,而变化势必会引发代码的变化,新增代码或修改代码。
改动的地方越多,引入新的错误几率就越大。
三、应对思路
最小化原则,确保每次业务需求变化可以用最小的代价来完成。
1、视图模板化,组件化
2、逻辑代码对象化、版本化
3、事件传递参数化、代理化
四、架构模型
1、视图
2、逻辑与事件通信
视图层需要传递一组参数(对象名、方法名、方法需要的参数)
五、代码示例
//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);//动态加载对象,并调用相关方法 }
github示例代码
點擊查看更多內(nèi)容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優(yōu)質文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦