小程序踩坑总结2

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是平级页面之间的跳转,定向到的页面导航栏会没有返回按钮

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容