1、跨端开发概述：什么是跨端开发、为什么需要跨端、主流跨端方案对比
大家好，我是这门课的主讲人。今天咱们聊聊跨端开发这个事儿。
先问个问题：你手头有几个设备？手机、平板、电脑，可能还有智能手表。每个设备上跑的系统不一样，iOS、Android、Windows、macOS……作为开发者，我们得让应用在这些平台上都能跑起来。这就是跨端开发要解决的问题。
什么是跨端开发？
说白了，就是用一套代码，同时生成多个平台的应用。比如你写一份代码，既能变成iOS App，也能变成Android App，还能变成网页。
我刚开始做开发那会儿，可不是这样的。那时候做iOS用Objective-C，做Android用Java，做网页用JavaScript。三个团队，三套代码，三个维护周期。想想就头大。
跨端开发的核心思路，就是「一次编写，多处运行」。当然，实际项目中很难做到100%一次编写，但至少能把80%的公共逻辑复用起来。
核心要点：跨端开发不是银弹，但它能显著降低多平台开发的维护成本。
为什么需要跨端？
这个问题我问过很多新人。答案五花八门，但归结起来就三点：
- 成本控制：养一个跨端团队，比养三个原生团队便宜得多。我在上一家公司算过账，用跨端方案后，人力成本直接砍了40%。
- 迭代速度：改一个bug，原生方案要改三遍。跨端方案改一遍，三个平台同步更新。你想想看，这效率差距有多大。
- 技术统一：团队只用学一套技术栈，不用分成iOS组、Android组、前端组。沟通成本直线下降。
嗯，这里要注意一点：跨端不是万能的。如果你的应用对性能要求极高，比如3D游戏、实时视频处理，那还是老老实实用原生吧。
主流跨端方案对比
现在市面上主流的跨端方案，我挑四个最有代表性的来说：React Native、Flutter、uni-app、Taro。
| 方案 | 技术栈 | 性能 | 生态 | 适用场景 |
|---|---|---|---|---|
| React Native | JavaScript/TypeScript + React | 中等（桥接通信有损耗） | 丰富，社区活跃 | 中大型App，已有React经验 |
| Flutter | Dart | 高（自绘引擎） | 中等，但增长快 | 高性能需求，UI复杂场景 |
| uni-app | Vue.js | 中等 | 丰富，尤其小程序 | 快速开发，小程序为主 |
| Taro | React/Vue | 中等 | 中等，专注小程序 | 多端小程序统一开发 |
React Native
React Native是Facebook开源的，2015年就出来了。它用React的写法，通过JavaScript桥接调用原生组件。
我个人习惯用React Native做中大型项目。为什么？因为它的生态太成熟了。你要什么第三方库，基本都能找到。我在项目中遇到过一个问题：需要集成一个复杂的原生地图组件，React Native的社区库直接搞定，省了我两周时间。
但React Native有个坑：桥接通信。每次JavaScript和原生交互，都要经过桥接，性能损耗不小。我曾经在一个列表渲染场景里，数据量一大，滑动就卡顿。后来用原生组件替换才解决。
小技巧：React Native项目里，性能敏感的部分可以考虑用原生模块重写。别怕混写，这是最佳实践。
Flutter
Flutter是Google的，2017年才出来。它不走桥接路线，而是自己画UI——用Skia引擎直接渲染。所以性能上，Flutter是跨端方案里最好的。
Flutter用Dart语言。说实话，Dart刚出来时我挺抵触的，觉得又多学一门语言。但用了一段时间后发现，Dart其实挺舒服的，尤其是它的空安全特性，帮我避免了不少线上bug。
Flutter的缺点呢？生态还不够丰富。你要找个冷门功能的库，可能得自己写。另外，Flutter的包体积偏大，一个Hello World就十几兆。嗯，这点要注意。
避坑指南：我曾经在Flutter项目里用了一个第三方图表库，结果发现它不支持手势交互。最后只能自己基于Canvas重写。选库时一定要先看功能覆盖度。
uni-app
uni-app是DCloud出的，基于Vue.js。它的最大优势是「一套代码，发布到多个小程序平台」。微信、支付宝、百度、字节……全支持。
如果你主要做小程序，uni-app是个好选择。我有个朋友，他们团队用uni-app同时维护了5个小程序，开发效率确实高。但要注意，uni-app的App端体验一般，毕竟它本质上是WebView套壳。
uni-app的语法和Vue几乎一样，上手很快。你如果会Vue，基本零成本迁移。
Taro
Taro是京东出的，支持React和Vue两种写法。它和uni-app定位类似，也是主打小程序多端统一。
Taro 3.0之后，架构做了大重构，支持了真正的React/Vue运行时。我在一个电商项目里用过Taro，体验还不错。但Taro的社区比uni-app小一些，遇到问题可能得自己翻源码。
选Taro还是uni-app？我个人建议：团队用React就选Taro，用Vue就选uni-app。别纠结，技术栈统一最重要。
怎么选？
这个问题没有标准答案。我一般这样判断：
- 要做高性能App，选Flutter
- 团队有React背景，做中大型App，选React Native
- 主要做小程序，选uni-app或Taro
- 想快速验证产品，选uni-app（开发最快）
记住一点：没有最好的方案，只有最适合你项目的方案。我在不同公司用过不同的跨端方案，每个都有坑，每个也都有亮点。关键是理解它们的原理，知道什么时候该用什么。
好了，这一章就到这里。下一章我们深入React Native，看看它的核心原理和实战技巧。