微信小程序知识点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-开头的自定义属性组成的集合)属性

微信小程序知识点GET相关推荐

微信小程序知识点总汇
微信小程序知识点总汇文件结构:最上层app ->多个page ->多个组件(内置组件/自定义组件) app: app.js:创建app实例代码 [app:实例对象 app.json:程序 ...
微信小程序知识点（上）
1.流式布局中flex-direction:属性要和display:flex搭配使用. 2.如果item过多,要是实现上下拖拽效果,容器选择scroll-view. 3.微信小程序获取input输入框 ...
微信小程序知识点总结
微信小程序知识总结微信小程序的优势和劣势优势: 容易推广,入口众多使用便捷, 体验良好,有接近原生app的体验,H5页面经常出现延迟,卡顿,加载慢,权限不足等,而这些在小程序中不会出现成本低, ...
微信小程序知识点汇总
1 微信小程序有几个文件 WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式, js 逻辑处理,网络请求json小程序设置,如页面注册,页面标题及 ta ...
微信小程序知识点汇总---更新中
微信公众平台是基于微信公众号,为微信用户提供服务的平台微信公众平台开发:是基于微信内进行的公众号业务开发: 前端程序员是公众平台开发的主力军平台登录地址:https://mp.weixin.qq ...
微信小程序知识点梳理
小程序介绍 17年一月9号,小程序刚发布的时候,个人很幸运的成为第一批吃螃蟹的人,当然也是第一批采坑的人. 小程序是基于微信的一种应用,使用微信自定义的组件,让我们使用JavaScript的方式,达到 ...
微信小程序知识点(二)
从开始做小程序到目前为止,已经将近二十天了.一开始我的小程序只有简简单单的crud,以至于上线的时候我朋友说这么简单有什么用?于是自己计划设计六个功能出来,分别是新闻.星座.音乐.笑话.天气.驾校考题 ...
微信小程序知识点总结（二）
一.swiper插件的使用 1.页面逻辑(xxxx.js): Page({data: {imgUrls: [{link: '/pages/index/index',url: '/images/001. ...
微信小程序+uni-app知识点总结
微信小程序知识点合集 1. 小程序的优势和劣势有哪些? 优势: (1)容易推广.在微信中,小程序拥有众多入口,例如附近的小程序.小程序码.分享. 发现-小程序等五十多个的入口,这些都有助于推广小程序: ...

微信小程序知识点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. 数据绑定

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

13. 事件

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

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

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

WXML的冒泡事件列表

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

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

微信小程序知识点GET相关推荐

最新文章

热门文章