UniApp 跨端开发 — 古法编程

Chapter 01

uni-app 生态全景

uni-app vs uni-app x 深度对比，UTS 语言原理，跨端架构解析，环境搭建全流程。

uni-app x UTS HBuilderX

Chapter 02

项目结构与配置

pages.json 路由注册，manifest.json 多端配置，条件编译 #ifdef，Vue 3 Composition API 适配。

pages.json 条件编译 Vue 3

Chapter 03

模板语法与内置组件

view / text / image / scroll-view 详解，easycom 自动引入机制，列表渲染与事件绑定。

内置组件 easycom 模板语法

Chapter 04

样式系统

rpx / upx 单位，Flexbox 布局，原生样式限制，nvue / uvue 差异，多端样式兼容方案。

rpx Flexbox uvue

Chapter 05

路由与页面跳转

navigateTo / redirectTo / switchTab，tabBar 配置，路由拦截器，页面栈管理与返回处理。

路由 tabBar 页面栈

Chapter 06

状态管理

Pinia 在 uni-app 中的完整使用，uni.$emit / $on 事件总线，全局状态与持久化方案。

Pinia 事件总线持久化

Chapter 07

网络与数据

uni.request 封装，请求拦截器，uni-cloud 云开发数据库与云函数，数据缓存策略。

uni.request uniCloud 云函数

Chapter 08

原生能力与插件

地理位置、相机、推送通知、分享等原生 API，插件市场使用，权限申请最佳实践。

原生 API 插件市场权限

Chapter 09

uni-app x 与 UTS 原生扩展

UTS 语法体系，Android / iOS 原生 API 直接调用，uts 插件开发，uvue 组件原理。

UTS 原生扩展 uvue

Chapter 10

打包发布

H5 / 小程序 / App 三端打包流程，条件编译最佳实践，性能优化清单，各平台上架指南。

打包性能优化上架

⚡

uni-app x

原生渲染引擎，UTS 语言，性能接近原生 App

🌐

全平台覆盖

H5、微信/支付宝/字节小程序、iOS、Android

💚

Vue 3 生态

Composition API、Pinia、Vite，熟悉的开发体验

☁️

uniCloud

内置云开发方案，数据库 + 云函数一体化

UniApp 跨端开发完全指南