微信小程序学习笔记汇总（更新中）

app.json中不能有注释否则会报错

模块化

可以将一些公共的代码抽离成为一个单独的 js 文件，作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。

需要注意的是：

exports 是 module.exports 的一个引用，因此在模块里边随意更改 exports 的指向会造成未知的错误。所以更推荐开发者采用 module.exports 来暴露模块接口，除非你已经清晰知道这两者的关系。

列表渲染

wx:for

在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。

默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item

实例

<view wx:for="{{array}}">
 {{index}}: {{item.message}}
</view>

使用 wx:for-item 可以指定数组当前元素的变量名，

使用 wx:for-index 可以指定数组当前下标的变量名：

实例

<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">
 {{idx}}: {{itemName.message}}
</view>

如不提供 wx:key，会报一个 warning， 如果明确知道该列表是静态，或者不必关注其顺序，可以选择忽略。

小程序文档---API---路由下面

wx.navigateTo(Object object)

保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。

小程序文档---组件---视图容器下面

scroll-view

可滚动视图区域。

小程序文档---系统---系统信息下面

wx.getSystemInfoSync获取设备系统信息

小程序文档---API---图片下面

wx.previewImage(Object object)

在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。

小程序文档---API---开放接口---登录下面

wx.login(Object object)

调用接口获取登录凭证（code）。通过凭证进而换取用户登录态信息，包括用户的唯一标识（openid）及本次登录的会话密钥（session_key）等。用户数据的加解密通讯需要依赖会话密钥完成。更多使用方法详见 小程序登录。

小程序文档---API---开放接口---用户信息下面

wx.getUserInfo(Object object)

调用前需要 用户授权 scope.userInfo。

小程序文档---API---基础下面

wx.canIUse(string schema)

支持版本 >= 1.1.1

判断小程序的API，回调，参数，组件等是否在当前版本可用。

小程序文档---API---开放接口---收货地址下面

wx.chooseAddress(Object object)

支持版本 >= 1.1.0

调用前需要 用户授权 scope.address

获取用户收货地址。调起用户编辑收货地址原生界面，并在编辑完成后返回用户选择的地址。

小程序文档---API---界面---交互下面

wx.showToast(Object object)

显示消息提示框

小程序文档---API---路由下面

wx.switchTab(Object object)

跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

wx.navigateTo(Object object)

保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。

小程序文档---API---开放接口---支付下面

wx.requestPayment(Object object)

发起微信支付。了解更多信息，请查看微信支付接口文档