微信小程序的界面由多个页面组成。在渲染每个页面时,微信小程序基础库内部的两个模块起着关键作用。
- 组件框架 提供了
Page、setData等重要的 JavaScript 接口,并结合 WXML 来构建界面结构。 - 渲染引擎 将界面结构最终绘制成用户界面。
组件框架
组件框架为微信小程序提供了页面相关的 JavaScript 接口。与它相关的主要特性包括(但不限于):
- 页面注册
- 自定义组件
- 事件系统
- WXML
微信小程序基础库提供了两个可选的组件框架。选择不同的组件框架时,Page 等接口的具体实现、WXML 的运行方式都会有所不同。(每个页面可以独立选择使用哪个组件框架。)
- exparser 是传统的组件框架(默认启用)。
- glass-easel 是新一代组件框架,是一个开源项目,提供了更多特性、具有更好的性能表现。
详情请参考组件框架章节。
渲染引擎
渲染引擎为微信小程序提供了最终的界面绘制支持。与它相关的主要特性包括(但不限于):
- 基础组件
- WXSS 中的具体样式规则
微信小程序基础库提供了两个可选的渲染引擎。选择不同的渲染引擎时,可用的基础组件和 WXSS 样式规则会有一定区别。(每个页面可以独立选择使用哪个渲染引擎。)
- Webview 是传统的渲染引擎(默认启用)。
- Skyline 是更高效的渲染引擎,提供了很多增强特性、具有更好的性能表现。
渲染引擎对组件框架有一定的依赖。目前,如果选用了 Skyline 渲染引擎,就必须选用 glass-easel 组件框架。详情请参考 Skyline 渲染引擎章节。