web前端开发知识:微信小程序前端开发架构

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   与我联系
  }
相关文章
相关标签/搜索