小程序-页面的声明周期和注册

分享我 的原创文章,欢迎点赞关注

App和页面的注册以及生命周期

wx.navigateTo

1.程序与页面

渲染层和逻辑层

小程序包含一个描述整体程序的app和多个描述各自页面的page。

微信客户端是如何启动小程序的?

微信客户端在打开小程序之前,会把整个小程序的代码包下载到本地。然后通过入口 app.json 的 pages 就知道当前小程序的所有页面路径。接着就会把首页的代码装载进来,通过小程序底层的一些机制,就可以渲染出这个首页。

2.注册小程序

注册小程序

  • 每个小程序都需要在 app.js 中调用 App 方法注册小程序实例,绑定生命周期回调函数、错误监听和页面不存在监听函数等。
  • 整个小程序只有一个 App 实例,是全部页面共享的。通过getApp方法可以获得这个实例。

注册小程序时一般做什么?

  1. 判断小程序的进入场景,场景值
  2. 获取用户信息。
  3. 设置全局数据 — globalData。

3.注册页面

注册页面

  • 对于小程序中的每个页面,都需要在页面对应的 js 文件中进行注册,指定页面的初始数据、生命周期回调、事件处理函数等。
  • 简单的页面使用Page构造器进行构造。
  • 复杂的页面使用Component构造器进行构造。

小程序的一个页面是怎么写的呢?

  • 前面已经介绍了,一个页面可能包括4种文件,微信客户端会先根据 页面json 配置生成一个界面,顶部的颜色和文字你都可以在这个 页面json 文件里边定义好。紧接着客户端就会装载这个页面的 WXML 结构和 WXSS 样式。最后客户端会装载 JS
  • 然后Page这个构造器就会生成一个页面。在生成页面的时候,小程序框架会把 data 数据和 .wxml 一起渲染出最终的结构。

注册页面时一般做什么?

  1. 在生命周期函数中发送网络请求,从服务器获取数据。
  2. 初始化一些数据,以方便被wxml引用展示。
  3. 监听wxml中的事件,绑定对应的事件函数。
  4. 其他一些监听(比如页面滚动、上拉刷新、下拉加载更多等)。

4.页面生命周期

页面生命周期

小程序-页面的声明周期和注册