微信小程序知识点GET

1. app.json中的pages用来设置小程序包含哪些页面以及页面的路径、window用来设置默认页面的窗口表现形式、tabBar用来设置小程序底部tab的表现

2. app.js中的App()函数用来注册一个小程序,接受的对象参数用来指定小程序的生命周期函数等,注意App()必须在app.js中进行注册且不能注册多个

3. 全局的getApp()函数用来获取小程序实例

4. 页面初始化数据时会将Page函数内的JSON格式的data数据渲染到页面中,在页面中通过双花括号来标识

5. 每个页面的生命周期函数(onLoad/onShow/onHide/onUnload等)和每个页面的事件处理函数(onPullDownRefresh/onReachBottom/onPageScroll/onShareAppMessage)不同

6. 组件的事件处理函数可以在渲染层的组件中进行事件绑定,就会执行Page中定义的事件处理函数

这里写图片描述

7. this.setData()接受一个对象,以 key,value 的形式表示将 this.data 中的 key 对应的值改变成 value,其中 key 可以非常灵活,以数据路径的形式给出,如 array[2].message,a.b.c.d,并且不需要在 this.data 中预先定义

8. 在 JavaScript 文件中声明的变量和函数只在该文件中有效;不同的文件中可以声明相同名字的变量和函数,不会互相影响。通过全局函数 getApp() 可以获取全局的应用实例,如果需要全局的数据可以在 App() 中设置

这里写图片描述

这里写图片描述

这里写图片描述

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

10. 数据绑定

这里写图片描述

这里写图片描述

这里写图片描述

11. 在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item。使用 wx:for-item 可以指定数组当前元素的变量名,使用 wx:for-index 可以指定数组当前下标的变量名。

这里写图片描述

这里写图片描述

12. 模板(template),可以在模板中定义代码片段,然后在不同的地方调用。定义模板:使用name属性,作为模板的名字。然后在内定义代码片段,使用模板:使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入

13. 事件

13.1 在组件中绑定一个事件处理函数,如bindtap,当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数

这里写图片描述

在相应的Page定义中写上相应的事件处理函数,参数是event

这里写图片描述

13.2 事件分为冒泡事件和非冒泡事件

WXML的冒泡事件列表

这里写图片描述

事件绑定的写法同组件的属性,以 key、value 的形式。(1)key 以bind或catch开头,然后跟上事件的类型,如bindtap, catchtouchstart。(2)value 是一个字符串,需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错。(3)bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡

13.3 如无特殊说明,当组件触发事件时,逻辑层绑定该事件的处理函数会收到一个事件对象

这里写图片描述

这里target和currentTarget都会包含id(事件源组件的id)、tagName(当前组件的类型)和dataset(事件源组件上由data-开头的自定义属性组成的集合)属性

这里写图片描述

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页