微信小程序学习笔记汇总(更新中)

2018年11月18日 20:05:30阅读数:1620博客 / 3期-Shawn的博客 / 学习笔记

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)

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



版权申明:本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!

全部评论

文明上网理性发言,请遵守新闻评论服务协议

条评论
  • 博主信息
    3期-Shawn的博客
    博文
    48
    粉丝
    0
    评论
    0
    访问量
    32007
    积分:1
    P豆:98