1. Swiper组件
官网API:https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html
垂直方向滚动:
2. App.json里面关于导航栏、标题配置
(1)每新建一个都要在app.json中pages离注册,第一项就是小程序启动的第一页
(2)对单个页面的导航栏进行设置,在当页面下对应的json文件添加配置信息,如下图;这样post页面的导航栏颜色就修改好了
3. Page页面与应用程序的生命周期
onLoad 放置向服务器请求的内容 ——onShow ——onReady
页面跳转之后:如果使用redirectTo 进行页面跳转回调用onUnload,表示当前页面被卸载了
如果使用navigateTo进行页面跳转回调用onHide,表示页面被隐藏
4. 数据绑定 - 和angular2的数据绑定相同
(1) {{变量名}}
(2) 小程序布尔值属性值应该加{{false}},这样小程序才会将false编译成布尔值;
(3) wx:if = "{{true}}" 条件选择 img_condication的值应该是一个布尔类型
(4) wx:for 不能直接将一个Array数据setData,需要将其包裹在一个map中;
5. 事件与事件对象 小程序没有click事件
在使用以上事件的时候需要在前面添加bind或者catch,
bind:bind事件绑定不会阻止冒泡事件向上冒泡
catch: catch事件绑定可以阻止冒泡事件向上冒泡
6. 缓存 小程序最大容量10M
7. Template模板的使用
在模板化的文件中写js文件是无效的
创建一个模板文件:其实就是一个wxml文件,用template标签将模板部分包裹起来
使用:在使用的文件中import,只能写相对路径
模板css不需要使用template包裹,直接将模板用的到样式放进去就可以:
在目标文件中导入:同样只能相对路径
8. wx.navigateTo 与wx.redirectTo的区别
wx.navigateTo是父子级之间页面的跳转,定向到的页面导航栏会有返回按钮;子级最多只能有5级
wx.redirectTo是平级页面之间的跳转,定向到的页面导航栏会没有返回按钮