小程序把玩二页面生命周期模块化数据绑定view组件

小程序把玩《二》：页面生命周期，模块化，数据绑定，view组件五：页面生命周戒者这里的代码主需要对使用创建项目时 <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*处理具体业务逻辑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}七：数据绑<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