找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

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

作者:模板之家 2018-1-27 14:53 1752人关注

bindtap和catchtap区别 bindtap可以产生冒泡事件catchtap只自身触发事件,不会传递到父视图 事件方法中参数event currentTarget:当前View对象target:事件源对象(点击view3Click时,查看view1的event里的

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

相对定位和绝对定位

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


路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)