微信小程序学习摘要系列四碎片知识点；推荐阅读.PDF

微信小程序学习摘要系列《四》碎片知识点；推荐阅读 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 定义元素自身的对齐方式 相对定位和绝对定位 相对定位的元素是相对自身进行定位，参照物是自身。 绝对定位的元素是相对离它最近的一个已定位的父级元素进行定位。