系列文章目录

微信小程序开发[1]--小程序入口初探

微信小程序开发[2]——小程序入口入口

微信小程序开发[3]--项目结构概览传送门

微信小程序开发[4]--详细配置传送门

微信小程序开发[5]--wxml详解传送门

微信小程序开发[6]--wxss详解传送门

微信小程序开发[7]--JS详解传送门

微信小程序开发[8]——页面堆栈与模块化入口

微信小程序开发[9]--小程序云开发入口初探

微信小程序开发【10】--云函数/云数据库/云存储入口

文章目录

1. 概述

对于小程序来说，.js脚本文件是逻辑层，处理事务逻辑。逻辑层处理数据并发送给视图层，同时接收视图层的事件反馈。

微信小程序开发框架的逻辑层是由.在此基础上，微信团队做了一些适当的修改，以提高小程序的开发效率。主要修改包括：

逻辑层的实现是为每个页面编写.js脚本文件。但由于小程序不是在浏览器中运行，因此无法使用Web中的一些功能，例如等等。

我们开发编写的所有代码最终都会被打包成一份，在小程序启动时运行，直到小程序被销毁。

二、注册流程 1、App()方法

在逻辑层，App()方法用于注册小程序。 App()接受一个参数，用于指定小程序的生命周期函数等。App()方法只有一个，存在于app.js中。参数见下表

属性类型 描述 触发时机

生命周期函数——监控小程序初始化

小程序初始化完成时会触发（全局只触发一次）

生命周期功能——监控小程序显示

当小程序启动，或者从后台进入前台显示时，会触发

生命周期函数——监听小程序隐藏

当小程序从前台进入后台时，会触发

错误监听功能

当小程序出现脚本错误，或者API调用失败时，会被触发并带来错误信息。

其他

任何

开发人员可以向参数添加任意函数或数据，可以使用此方法进行访问

注意：该函数全局只触发一次。

， 参数

字段类型说明

小路

打开小程序的路径

打开小程序

打开小程序的场景值

，获取更多转发信息

2.()方法

微信团队为开发者提供了()函数，可以用来获取小程序实例。示例如下：

//other.js var app = getApp(); console.log(app.globalData);//I am global data

注意：

三、注册页面 1、Page()方法

在逻辑层，Page()方法用于注册页面。 Page()接受一个参数来指定页面的初始数据、生命周期函数、事件处理函数等。每个页面只有一个Page()方法，存在于页面的.js文件中。

物业类型说明

数据

页面初始数据

生命周期功能——监控页面加载

生命周期功能——监控页面初始渲染完成情况

生命周期功能——监控页面显示

生命周期函数——监听页面隐藏

生命周期函数——监听页面卸载

页面相关事件处理函数——监控用户下拉动作

页面下拉事件处理函数

用户点击右上角转发

当前页面的路径

其他

任何

开发人员可以向参数添加任意函数或数据，可以使用此函数或数据进行访问

2. 初始化数据

初始化数据将用作页面的第一次渲染。对象数据将从逻辑层以JSON的形式传输到视图层，因此数据必须是可以转换为JSON的格式：字符串、数字、布尔值、对象和数组。视图层可以通过WXML绑定数据。

<view>{{text}}view> <view>{{array[0].msg}}view>

//demo.js Page({ /** * 页面的初始数据 */ data: { text: 'init data', array: [{msg:'1'},{msg:'2'}] } })