微信小程序开发（框架）

1.逻辑层

1.1注册小程序

示例注册小程序

每个小程序都需要显示在app中。Js调用方法注册小程序示例，绑定生命周期回调函数、错误监听器，并且页面没有监听器函数。

获取全球独一无二的应用示例

整个小程序只有一个app实例，由所有页面共享。开发人员可以通过方法获得全球唯一的app示例，获取app上的数据，或调用在开发人员上注册的函数。

1.2注册页面

注册页面示例

对于小程序中的每个页面，您需要调用方法在页面的相应js文件中注册页面示例，并指定页面的初始数据、生命周期回调、事件处理函数等。

扩大

此外，作为一种高级用法，页面可以像自定义组件一样创建，这样您就可以使用自定义组件的特性，例如行为。

1.3页面生命周期

页面实例的生命周期.png

1.4页面路由

注意：在小程序中，所有页面的路由由框架管理，该框架以堆栈的形式维护所有当前页面。

（1） 路由选择方法

路由触发方法和页面生命周期函数.png

解释：

navigateTo和redirectTo只能打开非tabBar页面。

SwitchTab只能打开tabBar页面。

ReLaunch可以打开任何页面。

页面底部的tabBar由页面决定，也就是说，只要页面被定义为tabBar，底部就有一个tabBar。

调用页面路由带的参数可以在目标页面的onLoad中获得。

（2） 发生路由切换时相应页堆栈的性能

相应页堆栈的路由方法和性能。天然气

（3） 获取当前页面堆栈

开发人员可以使用函数来获取当前页面堆栈。

1.5模块化

通用代码模块化

您可以将一些通用代码作为模块提取到单独的js文件中。模块只能通过或公开接口。在需要使用这些模块的文件中，使用导入公共代码。

文件作用域

JavaScript文件中声明的变量和函数仅在此文件中有效；具有相同名称的变量和函数可以在不同的文件中声明，而不会相互影响。可以通过全局函数获得全局app实例。如果需要全局数据，可以在中设置。

1.6 API

注意：小程序开发框架提供了丰富的微信原生API，可以轻松调用微信提供的功能，如用户信息获取、本地存储、支付功能等。通常，有以下类型的小程序API：

事件侦听器API：以on开头的API用于侦听事件是否被触发

同步API：以Sync结尾的API是同步API

异步API：大多数API都是异步API，例如

注1：异步API接口通常接受Object类型参数

对象参数说明.png

注2：当调用成功、失败和完成函数时，将传入Object类型参数

回调函数.png的参数

2.视图层

2.1 WXML

注意：WXML（WeiXin Markup Language）是一组用于框架设计的标记语言。它可以通过组合来构建页面结构。WXML具有以下功能：

2.2瓦

注意：WXSS（WeiXin Style Sheets）是一组用于描述WXML组件样式的样式语言。WXSS具有CSS的大部分特性。为了更适合开发微信小程序，WXSS对CSS进行了扩展和修改。WXSS扩展的功能包括：

（1） 新尺寸单位rpx:rpx可以根据屏幕宽度自适应

（2） 提供全局和本地样式

（3） 仅支持部分CSS选择器

（4） 样式导入

@import语句可用于导入外部样式表。@import语句后面是要导入的外部样式表的相对路径；指示语句的结尾。

（5） 内联样式：样式和类属性可用于框架组件以控制组件样式

样式：静态样式统一写入类。样式接收动态样式，这些样式在运行时进行解析。请尽量避免将静态样式写入样式，以避免影响渲染速度。

类：用于指定样式规则。它的属性值是样式规则中类选择器名称（样式类名）的集合。样式类名不需要用。，样式类名用空格分隔。

WXSS补充说明参考：中的第2.3节WXSS样式。

2.3瓦

注：WXS（WeiXin Script）是一套用于小程序的脚本语言。使用WXML，您可以构建页面结构。

2.4基础组件

注意：该框架为开发人员提供了一系列基本组件。开发人员可以通过组合这些基本组件来快速开发。

（1） 部件介绍

组件是基础