主题
多端导学
一句话:把 Web 能力推到可安装 / App 壳 / 小程序 / RN——按 PWA → Capacitor → uni-app → RN 落地。
文章表见 本系列 README。01~14 正文已齐。
适合谁 / 不适合谁
| 适合 | 不适合 |
|---|---|
| 已有 Vue/React 与前端工程经验 | 尚无任一前端框架手感 |
| 要选型口述 + 最小可跑通构建/真机包 | 期望从 0 写完整业务 App 上架长文 |
| 用周里程碑推进 | 与算法每日块冲突时仍硬开真机调试马拉松 |
学完验收
- 口述 PWA / Capacitor / uni-app / RN 定位与何时选谁(篇 01、08)。
- PWA:Manifest + SW 更新提示可演示(篇 02)。
- Capacitor:Web 进壳、常用插件心智、双端本地构建要点(篇 03~04)。
- uni-app:H5/小程序构建跑通;与 Capacitor 差异能对照(篇 05~06)。
- RN:环境与导航入门 + 总复盘;深潜则 Fabric/手势/权限/生产清单(篇 07~14)。
推荐路径
text
A 心智+PWA(01~02)→ B Capacitor(03~04)→ C uni-app 打包(05~06)
→ D RN 入门与总复盘(07~08)→ E RN 深潜(09~14)1
2
2
| 检查点 | 说明 |
|---|---|
| 02 / 04 / 05 | 周末里程碑:可安装 PWA / 真机包 / Journal 双端构建 |
| 08 | 四条路线选型口述;再决定是否进 09~14 |
| 09~14 | 读完 07~08 再进;由 ReactNative.md 杂记拆分,勿只读旧杂记 |
概念可先扫 前端进阶 · 18 · PWA、22 · 跨端对照;工程深度以本目录为准。
完整篇目:→ README。
怎么用本系列
| 节奏 | 建议 |
|---|---|
| 平日 50~80′ | 1 篇 + 本机最小验收 |
| 周末 | 冲阶段里程碑 |
| 并行 | 周里程碑,不抢算法每日配额 |
| 卡壳 | 官方入口 → AI → 对照官方验收 |
Flutter / Taro / Ionic 仅选型表带过,正文不展开。
与其它模块的关系
- 依赖前端基础;不要求先读完 React 进阶全部 10 篇。
- 与前端进阶 18/22 分工:概念 vs 落地。
- 旧入口
ReactNative.md为重定向/杂记残留——系统学习走 07~14。
下一步
- README
- 从 01 · 多端路线图与选型心智 起读。
- 入门收束:08 · RN 与多端总复盘;需要再进 09~14。
