一文带你快速从0到1了解实战小程序知识点

2023-11-11 22:04:42 浏览数 (1)

小程序生命周期

它有四个阶段:

  • 创建阶段
  • 响应阶段
  • 销毁阶段
  • 重启阶段

生命周期: 它是指一个程序从启动到关闭这一过程中产生的一些列事件的总和.

小程序生命周期分为 : 页面周期 组件周期

生命周期加载过程

  1. 小程序首次启动后,首次加载页面会触发 onLoad 事件
  2. 当页面显示的时候,会加载 onShow 事件
  3. 如果这个页面是首次渲染完成,会接着触发 onReady 事件
  4. 如果 小程序切换到后台,页面就会被隐藏的同时 会触发 onHide 事件 ,下次切换到前台时, 会再次出发 onShow 事件
  5. 最后,当页面会回收销毁时,会触发 onUnload 事件

小程序 生命周期事件

onLoad 事件

onLoad 事件在小程序加载完成后发生,该事件通常用于初始化小程序的数据和配置。例如,你可以在 onLoad 事件中使用 JavaScript 对象来获取用户的数据,或者将数据加载到小程序中。

onShow 事件

onShow 事件在小程序显示时发生,该事件通常用于显示小程序的界面和功能。例如,你可以在 onShow 事件中启动小程序的功能或者打开小程序的界面。

onHide 事件

o nHide 事件是小程序的一种隐藏事件,当小程序被用户隐藏或者关闭时,该事件会被触发。通常,你可以在 onHide 事件中处理小程序的隐藏逻辑,例如保存用户数据或者关闭小程序的界面等。

需要注意的是,小程序的 onHide 事件不会在用户手动关闭小程序时触发,只会在小程序被自动隐藏或者关闭时触发。

onReady 事件

onReady 事件在小程序准备好渲染时发生,该事件通常用于渲染小程序的界面和数据。例如,你可以在 onReady 事件中使用 JavaScript 对象来渲染小程序的界面和数据。

注意事项:

  • onReady 事件中渲染界面和数据时,请确保数据已经被正确加载和准备就绪。
  • 如果小程序在准备时遇到了错误,则 onReady 事件可能不会触发,并且小程序将无法正常运行。
onUnload 事件
  1. onUnload 事件在小程序退出时发生,该事件可以用于清理小程序的数据和配置。例如,你可以在 onUnload 事件中删除小程序的缓存或者关闭小程序的界面。

注意事项:

  • onUnload 事件中删除小程序的缓存时,请确保缓存已经被正确清理。
  • 如果小程序在退出时遇到了错误,则 onUnload 事件可能不会触发,并且小程序将无法正常运行。

小程序配置

全局配置

由于小程序的配置属性很多,可以 记住 这 3 个 核心配置,后期需要配置什么,看文档即可.

  • 页面路由配置 pages 属性配置
  • 窗口表现配置 windows 属性配置
  • 底部标签导航配置 tabBar 属性配置

页面配置

除了全局配置外,小程序还可以通过 页面的 json 来进行配置,它只能配置 window 属性,也就是 页面的窗口表现。

页面配置优先级高于全局配置。

小程序架构

小程序是 混合开发模式 (Hybrid),小程序主要由 Web技术渲染 客户端原生能力封装成接口 供开发这调用,并通过双线程模型分离 界面渲染 和 逻辑处理。

小程序的架构分为 3 层:

  • 逻辑层
  • 渲染层
  • 系统层

小程序一些常用 api

api

desc

this.route

获取当前所处的页面

getApp()

获取全局应用实例

可以定义全局变量和方法

模块化

通过抽离一些公共的代码封装成一个 js 文件,然后 通过 module.exports 或者 exports 导出,在使用模块化文件时,可以通过 require 引入 该文件即可。

模块只能 通过 module.exports 或者 exports 才能对外暴露接口

代码语言:txt复制
// common.js
function getInfo(name) {
    console.log(`测试 ------- ${name}`)
}


module.exports = {
    getInfo
}


exports.getInfo = getInfo 
代码语言:txt复制
//test.js
const common = require("../../utils/common")


onLoad: function (options) {
 console.log(this.route)
 common.getInfo('你好


	

0 人点赞