实训DAY03
app.js App onLaunch:function() 方法每次啟動(dòng)必運(yùn)行
<view> <text> </text> </view>
src='../../···'? ?..倆個(gè)點(diǎn)返回一個(gè)上一級(jí)
wx:if='{{true}}' false 隱藏
bindtap='名字' 點(diǎn)擊事件
<view wx:if="{{length > 5}}"> 1</view>
<view wx:elif="{{length <2 }}"> 2</view>
<view wx:else>3 </view>
wx:if vs hidden
因?yàn)?wx:if 之中的模板也可能包含數(shù)據(jù)綁定，所以當(dāng) wx:if 的條件值切換時(shí)，
框架有一個(gè)局部渲染的過程，因?yàn)樗鼤?huì)確保條件塊在切換時(shí)銷毀或重新渲染。
hidden 就簡單的多，組件始終會(huì)被渲染，只是簡單的控制顯示與隱藏。
wx:if 有更高的切換消耗而 hidden 有更高的初始渲染消耗。
因此，如果需要頻繁切換的情景下，用 hidden 更好，如果在運(yùn)行時(shí)條件不大可能改變則 wx:if 較好。
imgurl:[
? ? ? {url:'../../assets/icons/20180312190544.jpg'},
? ? ? {url:'../../assets/icons/1527950406.png'}
]
<swiper>
? <block wx:for='{{imgurl}}' wx:key="url">
? ? <swiper-item>
? ? ? <image src='{{item.url}}' style='width:100%;height:100%'></image>
? ? </swiper-item>
? </block>
</swiper>
wx:key 既是給每個(gè)block一個(gè)唯一標(biāo)識(shí)符
組件 各種標(biāo)簽
{{}}數(shù)據(jù)綁定
模板：
<template is="model" data="{{...obj}}"></template> ...對(duì)象解構(gòu)?
通過數(shù)據(jù)綁定將其他文件的obj對(duì)象傳過來，
<template name="model">
? {{name}}:{{sex}}
? <text>{{age}}</text>
</template> ?
顯示數(shù)據(jù)
組件：視圖容器，媒體導(dǎo)航等各種組件，各種標(biāo)簽
框架：組件的數(shù)據(jù)，獲得數(shù)據(jù)來源
模板化開發(fā)：
創(chuàng)建模板wxml文件，定義模板，在需要?jiǎng)t引用的文件
<import src="XX.wxml"/>
?
總結(jié)
