# 1.uni-app 核心原理

uni-app 通过三层架构实现跨平台开发:

    1. ​框架层​​:基于 Vue.js 的运行时框架
    1. ​编译层​​:将 Vue SFC 编译为各平台专用代码
    • JS 部分:通过条件编译转换
    • 模板部分:转换为各平台模板语言(wxmlswanttml 等)
    • 样式部分:自动添加前缀(如 -webkit-
  • 3.​运行时层​​:提供统一的 API 和组件
    • JS API 通过 uni 对象提供跨平台调用
    • 组件映射为各平台原生组件

# 2.渲染引擎差异

平台 渲染方式 性能特点
小程序​ WebView 渲染 受限于 WebView 性能
H5 WebView 渲染 标准浏览器性能
App 混合渲染(WebView + 原生组件) 接近原生体验
lastUpdate: 5/19/2025, 6:00:06 PM