欢迎光临,了解微信小程序开发,就上易用通!

微信小程序学习摘要系列《四》碎片知识点;推荐阅读

发布:2018-01-27 14:54浏览: 来源:网络 作者:cola

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定义元素自身的对齐方式

相对定位和绝对定位

相对定位的元素是相对自身进行定位,参照物是自身。
绝对定位的元素是相对离它最近的一个已定位的父级元素进行定位。





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。