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 与我联系 }