微信小程序学习笔记(一)

微信小程序

小tips

1.使用Async-await方法(需结合promise进行使用)

将小程序中的异步请求变为同步请求,当调用多个异步请求且需要进行串行执行时会重复进行嵌套,代码结构较为混乱,因此使用该方法可以将异步请求变为同步,便于代码书写

在页面中使用之前需要impot一个文件

例:

import regeneratorRuntime from '../../lib/runtime/runtime'

文件需要自己去github上下载、创建vue项目后使用npm进行命令行指令下载或者是通过粘贴文件中代码的形式创建新的runtime文件,名字必须是regeneratorRuntime,之所以引入该文件才能使用Async-await方法的原因是微信小程序不支持该es7语法,因此需要使用该文件进行编译。

声明方式1:

handleGetUserInfo: async function (e){

await + 执行的语句;

}

声明方式2:

async handleGetUserInfo (e) {

await + 执行的语句;

}

2.绑定事件时注意事项

例:bindtap="getPolyLine(index)"

​ 该代码是无法使用的,因为无法识别括号内容。

​ 若需要将该index变量传入方法内可以自定义data属性,data-index="{{index}}",在使用该方法绑定后,在自定义的方法中加入形参,比如为e,则e.currentTarget.dataset就为含有自定义属性的变量的对象,可以通过这个方法拿到想要的参数

上一篇:C# Task 多任务


下一篇:js_async/await