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   與我聯繫
  }
相關文章
相關標籤/搜索