小程序把玩二頁面生命周期模塊化數(shù)據(jù)綁定view組件

小程序把玩《二》：頁面生命周期，模塊化，數(shù)據(jù)綁定，view組件五：頁面生命周戒者這里的代碼主需要對使用創(chuàng)建項目時 <view <viewbindtap="bindViewTap"<view<textclass="user-.containerwidth:height:}.userinfo{width:120rpx;height:background:}varapp=getApp()*通過datadata:{motto:'點擊上面View跳轉',//userInfo: bindViewTap:function()url:onLoad:function(){ //varthat=// //onShow:function() onReady:function() onHide:function(){ onUnload:function() }六：模塊模塊化也就是將一些通用的東西抽出來放到一個文件中，通過module.exports 個util.js*處理具體業(yè)務邏輯functionformatTime(date)varyear=varmonth=date.getMonth()+1varday=date.getDate()varhour=varminute=varsecond=return[year,month,day].map(formatNumber).join('/')+''+[hour,}functionformatNumber(n){n=n.toString()returnn[1]?n:'0'+}*模塊化導 接module.exports={formatTime:formatTime}varutil=require('../../utils/util.js')data:{logs:[]onLoad:function(){logs:(wx.getStorageSync('logs')||[]).map(function(log)//通 的接口調用模塊化方returnutil.formatTime(new}七：數(shù)據(jù)綁<viewhindden="{{flagtruefalse<view>我是運算結果{{abc<viewwx:if="{{length> o"+<viewwx:for="{{[zero,1,2,3,4,5, te bine"data="{{for:x,bar: te bine"data="{{...obj1,...obj2,p: keyvalue te bine"data="{{foo, message: oid:0,condition:a:b:c:length:6,zero:x:y:obj1:a:b:obj2:c:d:p:key和valuefoo:'my-bar:'my-八：view組flex-direction：主要兩個特性”row”橫向排列”columnjustify-content主軸的對齊方式（flex-direction為rowalign-items側軸對齊方式如果flex-direction為row<view<viewclass="page<textclass="page<textclass="pagedesc">彈性框模型分為彈性容器以及彈性項目。當組件的 y為flex戒inline-flex時<viewclass="page<view<viewclass="sectiontitle">flex-direction:<viewclass="flex-wrp"style="flex-<viewclass="flex-item"style="background:<viewclass="flex-item"style="background:<viewclass="flex-item"style="background:<view<viewclass="sectiontitle">flex-direction:<viewclass="flex-wrp"style="height:300px;flex-<viewclass="flex-item"style="background:<viewclass="flex-item"style="background:<viewclass="flex-item"style="background