bindtap和catchtap区别
bindtap可以产生冒泡事件
catchtap只自身触发事件,不会传递到父视图
事件方法中参数event
currentTarget:当前View对象
target:事件源对象(点击view3Click时,查看view1的event里的target为view3,currentTarget为view1)
dataSet:存放的是数据 title:"标题1"
<view bindtap="view1Click" id="view1" data-title="标题1">
<view bindtap="view2Click" id="view2">
<view bindtap="view3Click" id="view3">
</view>
</view>
</view>
生命周期
A、B 两个界面
1.应用启动
触发App Launch() Show()
A:Load() Show() Ready()
2.从A跳转[wx.navigateTo]到B
A:Hide()
B:Load() Show() Ready()
3.关闭B
B:unLoad()
A: Show()
4.来电话 ,切换到后台
APP:Hide()
A:Hide()
5.从后台切换到前台
APP:Show()
A:Show()
6:从A跳转[wx.rediectTo]到B
A:unLoad()
B:Load() Show() Ready()
7.A通过wx.navigateTo进行传递数据到B
wx:navigateTo({
url:"../logs/logs?id=10"
})
然后通过B中onLoad(options)中取出
8.通过navigator组件形式进行值传递
<navigator url="../logs/logs?id=100">
<view>
<text>文章1</text>
</view>
</navigator>
9.通过redirect形式进行值传递
<navigator url="../logs/logs?id=100" redirect>
<view>
<text>文章1</text>
</view>
</navigator>
flex容器属性详解
flex-direction决定元素的排列方向
flex-wrap决定元素如何换行
flex-flow 是 flex-direction 和flex-wrap的简写
justify-content元素在主轴的对齐方式
align-items元素在交叉轴的对齐方式
flex元素属性详解
flex-grow 当有多余空间时,元素的放大比例 默认值是0
flex-shrink当空间不足时,元素的缩小比例 默认值是1
flex-basis元素在主轴上占据的空间 px
flex是grow /shrink/basis的简写
order定义元素的排列顺序
align-self定义元素自身的对齐方式
相对定位和绝对定位
相对定位的元素是相对自身进行定位,参照物是自身。
绝对定位的元素是相对离它最近的一个已定位的父级元素进行定位。
|