目录
前言:
一.框架基本介绍
1.整体结构:
2.页面结构:
3.生命周期:
4.事件系统:
5.数据绑定:
6.组件系统:
7.:
8.路由:
9.模块化:
10.全局配置:
二.视图层详解
1.( ):
1.1 列表渲染
1.2条件渲染
1.3 模板
2.( ):
3.数据绑定:
5.事件绑定:
6.全局样式和局部样式:
三.逻辑层详解
1.小程序生命周期
2.( )
参数
3.页面跳转
1.一级跳二级
2.二级跳一级
3.二级跳二级
小程序框架的目标是通过尽可能简单、高效的方式让者可以在微信中具有原生 体验的服务。
整个小程序框架系统分为两部分:逻辑层( )和 视图层()。小程序提供了自己的视图层描述语言 和 ,以及基于 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,让者能够专注于数据与逻辑。
小程序框架遵循一种组织结构,包括、、等文件。这些文件用于定义小程序的全局配置、全局逻辑和全局样式。
小程序的页面由四个文件组成,分别是(配置文件)、(逻辑文件)、(模板文件)和(样式文件)。这些文件协同工作来定义页面的结构、逻辑和样式。
微信小程序框架定义了一系列生命周期函数,包括、、、、等。这些函数用于管理页面的初始化、显示和隐藏等生命周期事件。
框架提供了事件系统,支持事件绑定和处理,以实现用户交互和数据传递。
微信小程序支持双向数据绑定,者可以使用语法将页面上的数据与中的数据关联,实现数据的动态展示和更新。
小程序框架提供了一系列基本组件,如、、等,以及自定义组件的能力。者可以通过组件来构建小程序界面。
微信小程序框架提供了一系列,用于实现网络请求、本地存储、位置信息、设备信息、多媒体处理、支付等功能。者可以通过实现各种小程序功能。
框架支持小程序页面的路由跳转,者可以使用、等方法进行页面之间的导航。
微信小程序支持模块化,可以将代码分割为多个模块,提高代码的可维护性和复用性。
通过可以配置小程序的全局属性,如窗口样式、页面路径、等。
是一种类似于的标记语言,用于描述小程序的结构。在中,者可以使用类似的标签来构建页面的骨架,例如、、等。支持数据绑定,通过语法可以将中的数据动态渲染到页面上。例如,将会显示中变量的值。
中的数据绑定我们在上已经进行讲解,详情参考上期
补充:
1.1 列表渲染
在页面中添加视图层代码
在对应页面层中.中的中添加数据
页面效果
1.2条件渲染
在.中定义一个变量,通过判断的值输出展示不同的结果
效果展示,我们在输出值时对应的是1,输出时应该未
1.3 模板
(1)定义模板
(2)使用模板
(3)创造模板数据
效果展示
用于定义小程序的样式,类似于。者可以在中设置页面元素的样式,包括颜色、字体、布局等。也支持类似于的选择器,用于选择并样式化特定的页面元素。样式文件与模板文件是相互的,通过类名和等方式进行关联。
视图层支持双向数据绑定,可以将中的数据绑定到中。当中的数据发生变化时,视图层会自动更新以反映最新的数据。这使得页面能够实时响应用户的操作和动态数据的变化。
视图层可以通过中的事件绑定来响应用户的交互操作,比如点击、滑动等。事件绑定通过或前缀来实现,如。
通过在. 中定义方法进行点击触发
在页面上进行点击并展示控制台信息
支持全局样式和局部样式,可以在.中定义全局样式,也可以在页面的样式文件中定义局部样式。
小程序框架的逻辑层使用 引擎为小程序提供者 代码的运行环境以及微信小程序的特有功能。
逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。
者写的所有代码最终将会打包成一份 文件,并在小程序启动的时候运行,直到小程序销毁。这一行为类似 ,所以逻辑层也称之为 。
在 的基础上,我们增加了一些功能,以方便小程序的:
增加 和 方法,进行程序注册和页面注册。
增加 和 方法,分别用来获取 实例和当前页面栈。
提供丰富的 ,如微信用户数据,扫一扫,支付等微信特有能力。
提供模块化能力,每个页面有的作用域。
注意:小程序框架的逻辑层并非运行在浏览器中,因此 在 中一些能力都无法使用,如 , 等。
注册小程序。接受一个 参数,其指定小程序的生命周期回调等。
() 必须在 中调用,必须调用且只能调用一次。不然会出现无法预期的后果。
参数
属性类型默认值必填说明最低版本否生命周期回调——监听小程序初始化。否生命周期回调——监听小程序启动或切前台。否生命周期回调——监听小程序切后台。 否错误监听函数。否页面不存在监听函数。1.9.90否未处理的 拒绝事件监听函数。2.10.0否监听系统主题变化2.11.0其他否者可以添加任意的函数或数据变量到 参数中,用 可以访问
( )
小程序初始化完成时触发,全局只触发一次。参数也可以使用 . 获取。
参数:与 . 一致
( )
小程序启动,或从后台进入前台显示时触发。也可以使用 . 绑定监听。
参数:与 . 一致
()
小程序从前台进入后台时触发。也可以使用 . 绑定监听。
( )
小程序发生脚本错误或 调用报错时触发。也可以使用 . 绑定监听。
参数:与 . 一致
( )
基础库 1.9.90 开始支持,低版本需做兼容处理。
小程序要打开的页面不存在时触发。也可以使用 . 绑定监听。注意事项请参考 .。
依次为先后执行的方法
1.一级跳二级
->
:,,
:先 ,,
2.二级跳一级
->
.,.,,
->
.,
3.二级跳二级
->
.,.,,
->
.,.
->
.,.
小结:
1.一级不会销毁
2.二级层级深跳到层级低的会销毁
3.二级层级低跳到层级高的只会隐藏
4.隔代跳转中间所有的页面会进行销毁
今天的分享到这里就结束了,感谢各位大大的观看,各位大大的三连是博主更新的动力,感谢谢谢谢谢谢谢谢谢各位的支持!!!!!