uniapp底层跨端原理

合集 - uniapp-bl(6)

1.uview2023-08-232.uni-app中我们需要给每一个组件添加scoped属性2023-08-233.xe utils2023-08-23

4.uniapp底层跨端原理2023-11-22

5.uniapp有意思的api之openSetting2023-12-026.uniapp清除指定key缓存2024-03-07

收起

uniapp底层跨端原理

- 代码编写：开发者使用Vue.js框架编写uniapp的代码，包括页面结构、样式和逻辑等。

- 编译过程：在编译过程中，uniapp会将Vue.js的代码转换为各个平台所需的代码。这一转换过程由uniapp的编译器完成。

- 平台特定代码生成：根据不同平台的特性和要求，uniapp的编译器会将Vue组件的模板语法转换为对应平台的渲染指令。例如，在小程序平台上，编译器会将Vue的模板语法转换为小程序的WXML语法；在H5平台上，编译器会将Vue的模板语法转换为HTML和CSS。

- 运行时引擎解析和渲染：生成的平台特定代码在各个平台的运行时引擎中进行解析和渲染。不同平台上的运行时引擎负责解析对应的渲染指令，并将其转换为对应平台的UI界面。

- API适配：uniapp提供了一套统一的API，通过底层的运行时引擎来适配各个平台的特定API。这样，开发者可以使用相同的API调用方式来实现跨平台的功能。

- 样式适配：uniapp支持使用CSS进行样式定义。在编译过程中，uniapp的编译器会将CSS样式适配到各个平台的特定样式系统中，以确保在不同平台上的一致性表现。

- 组件封装：uniapp提供了一套跨端的组件库，将常用的页面组件进行封装，以便在不同平台上进行复用和适配。这些组件在不同平台上都会使用对应平台的原生组件实现。