# 1.uni-app 核心原理
uni-app 通过三层架构实现跨平台开发:
- 框架层:基于 Vue.js 的运行时框架
- 编译层:将
Vue SFC
编译为各平台专用代码
- JS 部分:通过条件编译转换
- 模板部分:转换为各平台模板语言(
wxml
、swan
、ttml
等) - 样式部分:自动添加前缀(如
-webkit-
)
- 编译层:将
- 3.运行时层:提供统一的 API 和组件
- JS API 通过 uni 对象提供跨平台调用
- 组件映射为各平台原生组件
# 2.渲染引擎差异
平台 | 渲染方式 | 性能特点 |
---|---|---|
小程序 | WebView 渲染 | 受限于 WebView 性能 |
H5 | WebView 渲染 | 标准浏览器性能 |
App | 混合渲染(WebView + 原生组件) | 接近原生体验 |