微信小程序前端开发架构

一、目标

创新互联专注于宁远企业网站建设,自适应网站建设,商城开发。宁远网站建设公司,为宁远等地区提供建站服务。全流程按需网站建设,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务

1、提升开发速度
2、更好的响应需求变化

二、面临的问题

业务需求的变化是永恒的,而变化势必会引发代码的变化,新增代码或修改代码。

改动的地方越多,引入新的错误几率就越大。

微信小程序前端开发架构

三、应对思路

最小化原则,确保每次业务需求变化可以用最小的代价来完成。

1、视图模板化,组件化

2、逻辑代码对象化、版本化

3、事件传递参数化、代理化

四、架构模型

1、视图

微信小程序前端开发架构

2、逻辑与事件通信

视图层需要传递一组参数(对象名、方法名、方法需要的参数)

微信小程序前端开发架构

五、代码示例

//wxml代码
sayhello

//js代码,page页里只有一个事件路由业务函数
bindViewEvent:function(e){
    app.excute(this,e);
 }

 //app.js 
  /*
  * 事件路由函数
  */
  excute:function(that,e){
    new umitech(that,this.config).extend(e);//动态加载对象,并调用相关方法
  }

github示例代码


网站标题:微信小程序前端开发架构
本文来源:http://bzwzjz.com/article/jpgecp.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 重庆网站制作 外贸网站设计方案 四川成都网站制作 古蔺网站建设 成都网站设计 公司网站建设 网站制作公司 H5网站制作 成都网站建设 网站制作 成都网站建设 自适应网站设计 做网站设计 成都网站建设 成都企业网站建设 成都品牌网站设计 专业网站设计 外贸网站建设 成都网站制作 手机网站建设 梓潼网站设计 成都商城网站建设