微信小程序开发杂记

1.现在（2018年3月2日）小程序的页面层级可以有10层了，以前限制为5层，实际开发中超过5层还是有问题，难道是我开发工具版本低了？

2.微信小程序之设置所有页面背景颜色，这样就不用每个页面都去设置一下背景颜色了

在app.wxss中使用

page{

background-color:"#f0eff5";    //具体什么颜色自己定

height:100%;

}

这里需要注意的是，page前面没有点。

3.大坑！一般很难注意到 列表渲染时wx:key的作用

在 wx:for做列表渲染时，如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态，需要使用 wx:key 来指定列表中项目的唯一的标识符。

静态列表不需要wx:key也一切正常，动态列表没有wx:key的话第二次渲染列表时会渲染失败，什么都没有。

多层wx:for嵌套时，记得用wx:for-item="child",child在内层嵌套时就相当于外层嵌套中默认的item

例如下面的小九九：

4.关于生成带参数的小程序码和小程序二维码

原文链接地址：

https://blog.csdn.net/yaoohfox/article/details/78987719

摘要：

支持接口A，菊花小程序参数二维码。接口B：小程序场景二维码，接口C：普通小程序二维码

获取二维码

通过后台接口可以获取小程序任意页面的二维码，扫描该二维码可以直接进入小程序对应的页面。目前微信支持两种二维码，小程序码（左），小程序二维码（右），如下所示。。。

5.字符串模板简介

ES6新特性中的字符串模板允许使用英文字符抑音符号`（提示：这里我们不能将其理解为单引号）来创建字符串，并且在该字符串中可以包含都【美元符号+大括号】包裹的变量

格式：console.log(`ES6新特性：${name}`)

说明：格式中的name为变量名

6.需要跳转页面并用Towst提示用户信息时代码顺序问题

一定要先跳转页面在提示信息，否则信息只是闪一下消失就到其他页面了，用户看不清信息 内容

wx.switchTab({

            url: '../index/index',

          })

          wx.showToast({

            title: '操作成功',

            icon: 'success',

            duration: 2000

          })

7.目前微信的session_key有效期是三天，所以建议开发者设置的登录状态有效期要小于这个值。

随遇随记，持续更新中。。。