tmui-cli 5.3.1 → 5.3.3

package/data/uni-app-x-docs/sample.md

@@ -1,11 +1,13 @@
-# 源码和示例
+# 案例
+
+## 开源示例
 
 官方有6个开源项目比较重要
 - [hello uni-app x](https://gitcode.com/dcloud/hello-uni-app-x)：uni内置组件和API的使用示例，也包括一些常见但复杂的模板示例
-- [hello uts](https://gitcode.com/dcloud/hello-uts)：uts的语法和内置对象的使用示例
-- [hello uvue](https://gitcode.com/dcloud/hello-uvue)：vue语法的使用示例
 - [uni-api](https://gitcode.com/dcloud/uni-api)：uni api的实现源码。大量uts API插件源码，适合uts插件作者学习
 - [uni-component](https://gitcode.com/dcloud/uni-component)：内置组件的实现源码。uts组件插件源码，适合uts插件作者学习
+- [hello uts](https://gitcode.com/dcloud/hello-uts)：uts的语法和内置对象的使用示例
+- [hello uvue](https://gitcode.com/dcloud/hello-uvue)：vue语法的使用示例
 - [uni-ai x](https://ext.dcloud.net.cn/plugin?name=uni-ai-x)：用于快速搭建 AI 聊天类应用的开源插件，跨平台的仿deepseek客户端
 
 这些开源项目的master分支对应着HBuilderX最新正式版，alpha分支对应着最新alpha版。
@@ -21,20 +23,66 @@ uni-app x 的组件和API，大多是uts语言开发的。和开发者做的uts
 
 在 uni-app x 的组件和API文档页面的右上角，也有每个组件和API的源码，都是链接到[uni-api](https://gitcode.com/dcloud/uni-api)和[uni-component](https://gitcode.com/dcloud/uni-component)项目。
 
-除此之外，插件市场还有众多插件，[详见](https://ext.dcloud.net.cn/?uni-appx=1)
+## 蒸汽模式案例
+
+- uni-ai x：开源、跨平台AI聊天流式markdown渲染项目。 [Android](https://web-ext-storage.dcloud.net.cn/ext/uni-ai-x/__UNI__8A096E7_0917211824.apk)、[源码](https://ext.dcloud.net.cn/plugin?name=uni-ai-x)
 
-目前插件市场已经有近千款适配uni-app x的插件，不管是uts还是uvue，已有大量开发者在使用。
+### 应用商店下载量千万级
+- 抱抱海心理咨询：[Android](https://appgallery.huawei.com/app/C119009491)、[iOS](https://apps.apple.com/cn/app/%E6%8A%B1%E6%8A%B1%E6%B5%B7%E5%BF%83%E7%90%86%E5%92%A8%E8%AF%A2/id6809343318)、[鸿蒙](https://appgallery.huawei.com/app/detail?id=com.dahe.psy.hmos)、微信小程序搜索"抱抱海心理"
+### 应用商店下载量百万级
+- 京大大回收：[Android](https://appgallery.huawei.com/app/C108165699)、[iOS](https://apps.apple.com/cn/app/%E4%BA%AC%E5%A4%A7%E5%A4%A7%E5%9B%9E%E6%94%B6-%E4%B8%93%E4%B8%9A%E8%B4%AD%E7%89%A9%E5%8D%A1%E7%A4%BC%E5%93%81%E5%8D%A1%E5%88%B8%E5%9B%9E%E6%94%B6%E5%B9%B3%E5%8F%B0/id6748420409?uo=4)、微信小程序搜索"京大大回收"
+### 应用商店下载量十万级
+- 语法分析助手：[Android](https://appgallery.huawei.com/app/C106861521)、[iOS](https://apps.apple.com/cn/app/%E8%AF%AD%E6%B3%95%E5%88%86%E6%9E%90%E5%8A%A9%E6%89%8B/id1606478557)、微信小程序搜索"语法分析助手"
+- 万象八字：[Android](https://appgallery.huawei.com/app/C115905187)、[iOS](https://apps.apple.com/cn/app/%E4%B8%87%E8%B1%A1%E5%85%AB%E5%AD%97/id6746738853)
+- 金股讯：[Android](https://sj.qq.com/appdetail/com.jinguxun.app)、[iOS](https://apps.apple.com/cn/app/%E9%87%91%E8%82%A1%E8%AE%AF/id1615272585)、[鸿蒙](https://appgallery.huawei.com/app/detail?id=com.jinguxun.happ)
+- 四大认证备考神器：[Andoird](https://sj.qq.com/appdetail/uni.UNIB5F0C16)、[iOS](https://apps.apple.com/cn/app/%E5%9B%9B%E5%A4%A7%E8%AE%A4%E8%AF%81%E5%A4%87%E8%80%83%E7%A5%9E%E5%99%A8/id6455939352)、微信小程序搜索"四大认证备考神器"
+- 鲸鲨记账：[Android](https://sj.qq.com/appdetail/com.cyqgxf.jingshajizhang)、[iOS](https://apps.apple.com/cn/app/%E9%B2%B8%E9%B2%A8%E8%AE%B0%E8%B4%A6-ai%E6%99%BA%E8%83%BD%E8%87%AA%E5%8A%A8%E8%AE%B0%E8%B4%A6%E5%AD%98%E9%92%B1%E5%BF%AB%E9%80%9F%E4%B8%93%E4%B8%9A%E5%8A%A9%E6%89%8B/id6751838395)、[鸿蒙](https://appgallery.huawei.com/app/detail?id=com.cyqgxf.jingshajizhang.hm)
+- pushplus：[Android](https://sj.qq.com/appdetail/com.perk.pushplus.app)、[iOS](https://apps.apple.com/cn/app/pushplus/id6755597125)、[鸿蒙](https://appgallery.huawei.com/app/detail?id=com.perk.pushplus.app.hw)
+### 其他
+- 黔警通：[Android](https://sj.qq.com/appdetail/com.qxnga.qjt)、[鸿蒙](https://appgallery.huawei.com/app/detail?id=hmos.com.qxnga.qjt)
+- 发票匣：[Android](https://sj.qq.com/appdetail/com.juxiang.fapiaoxia)、[iOS](https://apps.apple.com/cn/app/%E5%8F%91%E7%A5%A8%E5%8C%A3/id6593679748)、[鸿蒙](https://appgallery.huawei.com/app/detail?id=com.juxiang.hfapiaoxia&channelId=SHARE&source=appshare)
+- 时欢：[Android](https://sj.qq.com/appdetail/com.yunyuinteractive.bts)
+- AI名车宝典：[Android](https://sj.qq.com/appdetail/com.mcbd.aimcbd.util)、[iOS](https://apps.apple.com/cn/app/ai%E5%90%8D%E8%BD%A6%E5%AE%9D%E5%85%B8/id6446267335)
+- 中维商城：[Android](https://sj.qq.com/appdetail/com.wx45.app)
+- 阑珊处：[Android](https://app.mi.com/details?id=cn.minisns.lanshanchu)、[iOS](https://apps.apple.com/cn/app/%E9%98%91%E7%8F%8A%E5%A4%84/id6479599905)
+- 爬模智慧平台：[Android](https://sj.qq.com/appdetail/com.sxz.scytzh)
+- 破壳身份验证器：[Android](https://sj.qq.com/appdetail/com.perk.auth)、[iOS](https://apps.apple.com/cn/app/%E7%A0%B4%E5%A3%B3%E8%BA%AB%E4%BB%BD%E9%AA%8C%E8%AF%81%E5%99%A8/id6784588299)
+- 蜂蜂乐到：[Android](https://appgallery.huawei.com/app/C118739499)、[iOS](https://apps.apple.com/cn/app/%E8%9C%82%E8%9C%82%E4%B9%90%E5%88%B0/id6810079399)
+- WOOKU智宠：[Android](https://appgallery.huawei.com/app/C118686217)、[iOS](https://apps.apple.com/cn/app/wooku%E6%99%BA%E5%AE%A0/id6808889360)
+- 知小融：[Android](https://appgallery.huawei.com/app/C118620299)、[iOS](https://apps.apple.com/cn/app/%E7%9F%A5%E5%B0%8F%E8%9E%8D-%E8%9E%8D%E8%B5%84%E8%B4%B7%E6%AC%BE%E5%92%A8%E8%AF%A2%E8%A7%84%E5%88%92%E5%B9%B3%E5%8F%B0/id6801014541?uo=4)
+- idoido-爱豆刷不停：[Android](https://appgallery.huawei.com/app/C119003855)、[iOS](https://apps.apple.com/cn/app/idoido%E7%9F%AD%E8%A7%86%E9%A2%91/id6812587648)
+- 店盈星：[Android](https://appgallery.huawei.com/app/C108128161)
+- 汉字宫伴学：[Android](https://appgallery.huawei.com/app/C119034269)、[iOS](https://apps.apple.com/cn/app/%E6%B1%89%E5%AD%97%E5%AE%AB%E4%BC%B4%E5%AD%A6/id6811783836)
+- 天颜：[Android](https://appgallery.huawei.com/app/C118546959)
+- 推巴克：[Android](https://sj.qq.com/appdetail/com.tuibake.www)
+- 读也数字图书馆：[Android](https://appgallery.huawei.com/app/C118906199)
+- 秒听录音：[Android](https://sj.qq.com/appdetail/com.dark.tinrec)、[iOS](https://apps.apple.com/cn/app/%E7%A7%92%E5%90%AC-%E4%BC%9A%E8%AE%AE%E5%BD%95%E9%9F%B3%E5%8A%A9%E6%89%8B-ai%E8%AF%AD%E9%9F%B3%E8%BD%AC%E6%96%87%E5%AD%97/id6752826300)
+- 派瑞格：[Android](https://appgallery.huawei.com/app/C115936177)
+- 关爱孕产妇：[Android](https://sj.qq.com/appdetail/com.guanaiycf.cslkzykj)
+- 近您：[Android](https://appgallery.huawei.com/app/C118230287)
+- 小小美吧商户版：[Android](https://appgallery.huawei.com/app/C117953917)、[iOS](https://apps.apple.com/cn/app/%E5%B0%8F%E5%B0%8F%E7%BE%8E%E5%90%A7%E5%95%86%E6%88%B7%E7%89%88/id6805819334)
+- 小小美吧服务商版：[Android](https://appgallery.huawei.com/app/C117953939)、[iOS](https://apps.apple.com/cn/app/%E5%B0%8F%E5%B0%8F%E7%BE%8E%E5%90%A7%E6%9C%8D%E5%8A%A1%E5%95%86%E7%89%88/id6805822972)
+- 球祈：[Android](https://appgallery.huawei.com/app/C117110985)、[iOS](https://apps.apple.com/cn/app/%E7%90%83%E7%A5%88/id6763445529)
+- 笔记鱼：[Android](https://appgallery.huawei.com/app/C118983269)、[iOS](https://apps.apple.com/cn/app/%E7%AC%94%E8%AE%B0%E9%B1%BC/id6811308689)
+- 鸿单日程：[Android](https://appgallery.huawei.com/app/C118675865)
+- 亚苏：[Android](https://appgallery.huawei.com/app/C106070663)、[iOS](https://apps.apple.com/cn/app/%E4%BA%9A%E8%8B%8F/id1638735613)
+- 旺喔：[Android](https://appgallery.huawei.com/app/C118387277)、[iOS](https://apps.apple.com/cn/app/%E6%97%BA%E5%96%94-%E6%89%93%E5%BC%80%E9%94%80%E5%86%A0wow-%E6%97%B6%E5%88%BB/id6780321741)
+- CCDCSM：[Android](https://appgallery.huawei.com/app/C111525843)
+- 碰谷：[Android](https://appgallery.huawei.com/app/C119022149)、[iOS](https://apps.apple.com/cn/app/%E7%A2%B0%E8%B0%B7/id6809301755)
+- 壹盾安全：[Android](https://appgallery.huawei.com/app/C118828013)、[iOS](https://apps.apple.com/cn/app/%E5%A3%B9%E7%9B%BE%E5%AE%89%E5%85%A8/id6803099719)
+- 单词秀：[Android](https://sj.qq.com/appdetail/com.dclound.dancibiji)
+- 仪表宝典(化工资料)：[Android](https://sj.qq.com/appdetail/ins.ybbd.app )、[iOS](https://apps.apple.com/us/app/absign/id6760313721 )、[鸿蒙](https://appgallery.huawei.com/app/detail?id=ins.ybbd.app)
+- 城市更新：[Android](https://sj.qq.com/appdetail/com.ykj.csgx)、[iOS](https://apps.apple.com/cn/app/%E5%9F%8E%E5%B8%82%E6%9B%B4%E6%96%B0/id1278228662)
+- 看个号审核宝：[Android](https://sj.qq.com/appdetail/com.kangehao.auditpro)、[鸿蒙](https://appgallery.huawei.com/app/detail?id=com.kangehao.auditpro)
+- TOPIK快学：[Android](https://sj.qq.com/appdetail/com.topik.kuaixue)、[iOS](https://apps.apple.com/cn/app/topik%E5%BF%AB%E5%AD%A6-%E9%9F%A9%E8%AF%ADtopik%E6%A8%A1%E6%8B%9F%E8%80%83%E8%AF%95%E5%B7%A5%E5%85%B7/id6789570410)
+- 融小付生活：[Android](https://sj.qq.com/appdetail/com.hbyqs.rxflife)
+- LOSFER翻译：[Android](https://sj.qq.com/appdetail/cn.losfer.translater)
+- 真鱿趣：[Android](https://sj.qq.com/appdetail/com.yyouren.uniappx_rl)
 
-上线的App案例：
 由于 uni-app x 没有运行时数据采集，所以DCloud并不知道哪些开发者在真实使用uni-app x。\
 希望大型开发者，能主动给本文档提交pr，贡献案例，帮助uni-app x生态发展。
 
-以下列出部分案例：
-
-- uni-ai x：（蒸汽模式案例）开源、跨平台AI聊天流式markdown渲染项目。 [Android](https://web-ext-storage.dcloud.net.cn/ext/uni-ai-x/__UNI__8A096E7_0917211824.apk)、[源码](https://ext.dcloud.net.cn/plugin?name=uni-ai-x)
-
-- 发票匣：（蒸汽模式案例）[Android](https://sj.qq.com/appdetail/com.juxiang.fapiaoxia)、[iOS](https://apps.apple.com/cn/app/%E5%8F%91%E7%A5%A8%E5%8C%A3/id6593679748)、[鸿蒙](https://appgallery.huawei.com/app/detail?id=com.juxiang.hfapiaoxia&channelId=SHARE&source=appshare)
-- 仪表宝典(化工资料)：（蒸汽模式案例）[Android](https://sj.qq.com/appdetail/ins.ybbd.app )、[iOS](https://apps.apple.com/us/app/absign/id6760313721 )、[鸿蒙](https://appgallery.huawei.com/app/detail?id=ins.ybbd.app )
+## VDOM模式案例
 - e线签（天津数字认证有限公司）：[Android](https://sj.qq.com/appdetail/com.tjca.elinesign)、[iOS](https://apps.apple.com/cn/app/e%E7%BA%BF%E7%AD%BE/id6743433163)
 - Tevau 海外应用：[Google Play](https://play.google.com/store/apps/details?id=uni.UNI2317D55&hl=zh&pli=1)、[iOS](https://apps.apple.com/cn/app/tevau/id6504911110)
 - 舆情秘书专业版：[鸿蒙](https://appgallery.huawei.com/app/detail?id=com.istarshine.yqms4harmonyos)
@@ -111,7 +159,6 @@ uni-app x 的组件和API，大多是uts语言开发的。和开发者做的uts
 - 知食有为（AI健康）：[Android](https://sj.qq.com/appdetail/cn.sshcn.nutrition.m)、[iOS](https://apps.apple.com/hk/app/%E7%9F%A5%E9%A3%9F%E6%9C%89%E4%B8%BA/id6739123603)
 - 智能PPT生成器（工具）：[Android](https://app.mi.com/details?id=com.pptgen.Intelligent)
 - 格式作坊（工具）：[Android](https://sj.qq.com/appdetail/com.gszf.app)、[iOS](https://apps.apple.com/cn/app/%E6%A0%BC%E5%BC%8F%E4%BD%9C%E5%9D%8A-%E6%A0%BC%E5%BC%8F%E8%BD%AC%E6%8D%A2%E5%99%A8/id6472780051)
-- 金股讯（金融）：[Android](https://sj.qq.com/appdetail/com.jinguxun.app)、[iOS](https://apps.apple.com/cn/app/%E9%87%91%E8%82%A1%E8%AE%AF/id1615272585)、[鸿蒙](https://appgallery.huawei.com/app/detail?id=com.jinguxun.happ)
 - 应安联（政务）：[Android](https://sj.qq.com/appdetail/com.aky.yal)、[iOS](https://apps.apple.com/cn/app/%E5%BA%94%E5%AE%89%E8%81%94/id1566809671)
 - 智慧强安（政务）：[Android](https://sj.qq.com/appdetail/com.demlution.aatianfangyetan)、[iOS](https://apps.apple.com/cn/app/%E6%99%BA%E6%85%A7%E5%BC%BA%E5%AE%89/id6476082028)
 - 脱单吧（社交）：[Android](https://sj.qq.com/appdetail/com.liewu.desingle)、[iOS](https://apps.apple.com/cn/app/%E8%84%B1%E5%8D%95%E5%90%A7/id1560465075)
@@ -128,7 +175,6 @@ uni-app x 的组件和API，大多是uts语言开发的。和开发者做的uts
 - 嘟卡邦（电商）：[Android](https://sj.qq.com/appdetail/com.dukabang.app)
 - 百佣（电商）：[Android](https://app.mi.com/details?id=com.baiyong.yuehu)、[iOS](https://apps.apple.com/cn/app/%E7%99%BE%E4%BD%A3/id6451459018)
 - 华杰全优采（医药电商）：[Android](https://sj.qq.com/appdetail/com.wta.NewCloudApp.jiuwei314439)、[iOS](https://apps.apple.com/cn/app/%E5%8D%8E%E6%9D%B0%E5%85%A8%E4%BC%98%E9%87%87/id1577869835)
-- 时一助手（工具）：[App端](http://app.yuteng.vip/sy/index.html)
 - 拾用视频去水印（工具）：[Android](https://sj.qq.com/appdetail/io.video.convertApp)
 - 云旅迹：[Android](https://sj.qq.com/appdetail/com.yunlvji.trip)
 - uyultax（维吾尔族多语言应用）：[Android](https://sj.qq.com/appdetail/com.android.uyultax)

package/data/uni-app-x-docs/select/crossplatform-on-ai.md

@@ -0,0 +1,475 @@
+
+很多人都在问，现在都AI开发了，还需要跨平台框架吗？
+
+相信不少人有疑惑，但又不确定。今天就把这个问题掰开揉碎，用专业的方法论，深入分析清楚。
+
+# AI开发时代，还需要框架吗？
+
+第一问：在AI开发时代，AI需要工具吗？
+
+这个问题很好回答：AI非常需要工具，不会用工具的AI不是好AI。
+
+第二问：AI需要框架型工具吗？
+
+这个问题也不难回答。
+
+- AI可以直接写原生js，但还是会使用ts、vue这些框架。
+	
+	为啥？因为有这些好工具的帮助，AI写出的代码消耗token更少、更不容易犯错误。
+
+- AI可以直接写平台原生代码，比如windows上写.net，mac上写swift，但大家还是会用electron、tauri这些跨平台工具。
+	
+	为啥？虽然这些跨平台工具也有缺点，但ROI差异还是非常大。用electron、tauri，一个前端就行。用.net、swift，得2拨人。
+	
+你说，我就一个人，让AI拿原生写，代码我也看不懂就不看了，纯vibe行不行？
+	
+这就是一个更有意思的话题了，有人推崇vibe，有人嗤之以鼻。到底谁是对的？
+
+我们来好好分析下这个话题：`vibe开发的适应面`。
+
+# vibe开发的适应面
+
+我们要建立一个分析框架，第一步是把要分析的东西了解透彻。
+
+首先我们需要了解AI的几大特性：
+1. AI写代码非常快。
+2. AI对主流编程语言和主流框架的熟悉度，超过很多程序员。如果程序员不熟悉某些语言和框架，在该领域容易对AI产生盲目崇拜。
+3. 熟悉不代表不会犯错。这是两件事，但很多人没分清。
+因为在人类的直觉中，熟悉某个领域通常意味着更少犯错。
+但 AI 并非如此：它可能对某个领域非常熟悉，却仍然会犯低级错误。称之为“锯齿效应”。
+锯齿效应，就是有时候高峰，有时候低峰，像锯齿一样，不稳定不平均。
+优秀的AI使用者，每天都要思考如何避免AI的低峰。
+4. 任务复杂度越高、越不方便验证，它出错的概率越大。
+5. AI只是个工具，别把他当人，它不背锅。出了问题得人扛。
+
+结合4、5条，就提出来2个关键词，`复杂度` 和 `风险`。
+
+首先可以确定：出问题后风险小、系统复杂度很低的web应用，这样的应用很适合vibe，比如个人自用的展示网页，公司内部有限人使用的简单CRUD系统。
+
+反过来：
+- 出事后风险越高的场景，越不适合vibe。
+	
+	比如用户量巨大的系统，涉及资金、权益、敏感数据的系统，或者影响范围较大的政企决策系统。\
+	因为风险代价太高了，哪怕用AI写代码，也得人工充分review。\
+	
+- 复杂度越高，越不适合vibe。
+	
+	这里的复杂度，说的不是对人的复杂度，而是对AI的复杂度。\
+	AI不会觉得c++这门语言的语法比js难。但使用c++，AI需要多操心内存安全，它不是只需关心业务实现了，这就把复杂度提上去了。\
+	AI的复杂度是：工程复杂度、逻辑复杂度、同时要达成的目标个数、可验证复杂度、以及AI不熟悉的框架和内部抽象。\
+	比如复杂的权限系统，多套代码保持一致的逻辑，历史代码庞大，功能繁多又有大量性能指标、质量指标和架构要求，这些都会提升AI眼里的复杂度。
+
+那么沿着风险和复杂度，可以形成一个坐标体系，越靠近圆点、越适合vibe：
+
+![](https://web-ext-storage.dcloud.net.cn/doc/ai/vibe_development_risk_map_editable.png)
+
+上图只列了部分应用场景。大家可以评估自己要做的应用，看它落在哪个区域。
+- 工程复杂度：代码量大、业务流程长，同一数据多点维护，冗余多，有架构规范、不能随意实现功能，复杂度就高
+- 逻辑复杂度：并非简单展示和CRUD，条件分支多、if里面的与或组合多，逻辑复杂度就高
+- 同时要达成的目标个数：工程目标太多，且互相冲突，冲突时的优先级策略不清晰，“既要……又要……”大幅提升复杂度
+- 可验证复杂度：AI犯的错不易发现，缺少编译验证工具，测试组合太多，无法穷举测试，测试环境建立成本太高
+- AI不熟悉的框架和内部抽象：使用非主流技术栈，大量内部组件，文档和注释里大量内部黑话术语
+
+总结一个简化的公式：**vibe不可行系数=风险*复杂度**
+
+所以能不能vibe并非二元论：
+- 有人做的应用适合vibe，或者还处于早期的vibe甜蜜期，他对vibe就会偏乐观。
+- 有人被vibe坑过几次，代价无法承受，就会严禁vibe。
+这都过于绝对了。（有趣的是这2拨人，往往还都是领导）
+
+其实有了上面的方法论，评估下`vibe不可行系数`，就会清晰很多。
+
+接下来的问题，就更有工程实践意义了。
+
+**如何降低系统的复杂度，把你的应用往坐标系圆点拉，让AI最大化它的价值？**
+
+# 如何帮AI降低系统复杂度
+
+## 1. 使用强约束的、AI熟悉的好框架
+
+ts+vue就是好组合。
+
+有这种框架，AI写的代码少，犯错的机会少、犯错后编译链就能及时发现错误，可验证性好。
+
+如果使用过于灵活的原生编程语言，一个需求有多种实现方式，多人协作时多个AI不停提交各种方式的实现，代码库很快就会乱套，进而给AI也增加了复杂度。
+
+其实浏览器也是一个框架，它的约束，让web应用开发出问题的概率，低于原生应用。而基于浏览器再次提供约束的ts+vue，就更适合约束AI。
+
+react也过于灵活，在 AI 时代是一把双刃剑，很多react开发团队在agents.md里需要写一批清单，禁止AI使用哪些方式写代码。
+
+## 2. 涉及多平台时，跨平台框架是降低系统复杂度的一致性工具
+
+基本原则：**代码越少、AI犯的错越少**
+
+业务只需1套代码，跨端问题由好的跨平台工具解决。（注意这个“好”字，不好的框架会带来更多麻烦）
+
+平台越多，跨平台框架的价值越大。AI前是这样，AI后也是这样。尤其是在中国，要覆盖Android、iOS、鸿蒙、各家小程序、web。
+
+对于可vibe的系统，跨平台框架给AI降低复杂度；
+
+需要人工review把控的系统，也可以集中人力来review AI生成的1套代码。而不是被AI生成的海量代码淹没。
+
+某音的产品经理分享过一个事，有一天她发现安卓版的某个重要界面比较暗，她截了一张图，又拿iOS版截了一张图，两张图在电脑上对比了一下，发现Android确实有问题，
+然后找Android研发，研发人员发现蒙层上的一个数值搞反了。
+
+修了这个bug后，安卓的LTV立即转正了。
+
+这件事是典型的环节多造成的百密一疏。
+因为实际应用不是百密，是万密。多些“疏”很正常。
+
+我们假使1个平台是万密，5个平台就是5万密。代码量、要关注的细节倍数上升。
+
+但如果使用“好的”跨平台框架，就不会发生这种Android平台蒙层色值搞反的bug。
+
+好的框架，可以减少环节和代码量，让5万密变回1万密。降低系统的复杂度。
+
+麦当劳要保证每个门店炸出来的薯条都是一个味道，背后依赖了众多能保障一致性的工具。
+
+如果你想让每个用户，不管使用什么平台，在使用你的业务时都能获得你精心设计的最佳体验，那么你就需要一个优秀的工具来帮助你把控品质和一致性。
+
+如果不同平台使用不同的原生开发，不只是成本效率问题，更是高端品质无法严格把控的问题。
+
+你的业务用户体量越大，各种不一致引发的bug和体验问题，产生的损失就越大，就越需要严格的一致性保障工具。
+
+而好的跨平台框架，就是一个非常好的一致性保障工具。
+
+## 3. 利用跨平台框架降低验证成本
+
+多平台原生开发，除了业务代码多套，测试用例也得多平台各自写。
+
+而使用好的跨平台框架，测试用例也只需一套。
+
+集中人力来review AI生成的1套测试用例代码，肯定是更佳选择。
+
+最害怕AI写的代码明明有bug，却和AI写的测试用例自圆其说。
+
+## 4. 选高性能框架，让AI专注于业务，减少它的目标，降低复杂度
+
+让AI专注于你的业务需求，即功能。别让AI既要操心功能、又要操心性能。
+
+性能是一件很复杂的事情，原生开发中，让应用高性能，经常需要引入多线程、做预加载、做多点冗余设计。。。
+
+这都会增加系统复杂度，让AI额外操心线程竞态、多点同步。
+
+复杂性提升，AI也会顾此失彼。你一定不想陷入这种和AI的对话：
+
+	1. 不对啊，功能虽然实现了，但页面白屏时间变长了。\
+	2. 你行不行啊，白屏好了，xx功能怎么坏了？
+
+选一个底层性能非常优秀的框架，让AI轻松点，降低系统复杂度，把性能压力外包给更可靠的专业工具。
+
+# 什么才是“适合AI的”、“好的”跨平台框架？
+
+首先回答本文开头的疑问，AI开发时代，非常需要好工具、需要好的跨平台框架。
+
+但问题是业内有没有好框架呢？没有的话，但就还是得用原生。
+
+最近（2026年9月）有几个知名的技术栈变更案例：
+1. cursor把SolidJS改成了react
+2. bun从zig改成了rust
+3. shopify从react native改成了原生
+
+全是因为AI，但也有细节差异，一个一个分析。
+
+- cursor从SolidJS改成了react
+因为SolidJS小众，且和react有部分概念重叠，导致AI容易犯错。
+
+- bun从zig改成了rust
+zig同样是相对小众的语言，AI既要操心功能，又要操心内存安全。而bun又暴露了很多内存问题。
+
+交给rust，AI更熟、内存安全由编译器这个更专业可靠的工具来负责。
+
+- shopify从react native改成了原生
+这个案例，在跨平台框架界很经典。
+
+shopify 在 react native 社区不是普通角色，它维护着一批重要项目：FlashList、React Native Skia、Restyle 。
+
+但它迁移到原生，并宣布放弃这些库的维护。
+
+原因不是因为AI不熟悉react，而是 Shopify 认为在 AI 的帮助下，改用原生开发代价变低，且性能更高。
+
+虽然shopify之前投入大量精力研发的 FlashList长列表，是 react native 社区里性能最好的长列表方案，但仍然比不过原生的长列表。
+
+React Native Skia也一样，在 react native 社区里性能最佳，但与跨平台业内同类方案相比性能仍有差距。
+
+如果你使用一个跨平台框架，得到了好处，但失去了其他重要指标，比如性能，那么这个工具就不是好工具。
+
+尤其在国外，没有鸿蒙和小程序，放弃 react native，只是从1个平台换成2个平台，在AI的帮助下压力不大。
+
+最终shopify发布了一份迁移到原生评测报告。让大家知道，从 react native 换成原生后，代价如何、性能提升了多少。
+
+其他人看到这份报告，也会明白，看起来迁移代价并不高，性能还能提升这么多，FlashList又没人维护了，那我是不是也应该迁移原生了。
+
+AI改变了软件开发的成本结构。虽然AI+双平台原生，投入比跨平台开发高，但高的不是很多了。
+
+shopify为了让这个跨平台框架性能好，又投入大量人力去开发维护那几个库。这在AI时代就更不划算了。
+
+对于shopify而言，放弃每年在react native上的大量投资，AI+原生，并且性能更高，肯定是ROI更高的选择。
+
+但我们假设一下，假使react native的性能比原生更好，自带的库品质足够好，shopify不用每年在FlashList等库上做大量投入，只需专注于自己的业务，那他不会换原生的。
+
+我们先总结下上面3个AI时代变更技术栈的案例，围绕2个点：AI是否熟悉、是否有性能问题。
+
+一个好框架的流行程度，取决于 (它带来的价值 - 它引发的问题)。
+
+AI削弱了它带来的价值后，公式的结果可能变成负数，那么这个框架就会被开发者抛弃。
+
+跨平台框架如果想继续存在，就需要强化它带来的价值，减少它引发的问题，让公式结果始终为正，并且正的越多，这个框架会越流行。
+
+在AI时代，一个理想中的好跨平台框架，应该具备这7个特点：
+1. AI熟悉
+2. 覆盖更多平台，不止iOS和Android，而是全平台覆盖，创造更多价值
+3. 性能好。至少不能因为使用了它而损失性能。如果性能比原生还好，那就更棒了。
+4. 生态丰富。
+5. 没有什么其他坑，比如没有混合渲染问题、没有质量问题。
+6. 支持动态化
+7. 全面的验证反馈
+
+如果，真的有这么一个好框架，那么它是不是理应成为AI时代最主流的开发工具呢？
+
+答案是肯定的。
+
+只不过业内过去没有做出来符合标准的好框架，导致人们陷入了原生成本高、但原生是王道的传统认知里。
+
+那么目前最接近理想框架的是哪个呢？
+
+我们来用上面的7点，来分析下uni-app x 蒸汽模式（以下简称 uni-app x）和其他跨平台框架。
+
+## 1. AI熟悉度
+
+uni-app x 使用 vue、js/ts、css，组件和API同小程序规范。各家AI都很熟悉。
+
+虽然uni-app x 蒸汽模式产品是新出的，但它使用的规范是AI熟悉的老规范。uni-app x 的 css 是 web css的子集，但这个子集AI是熟悉的。
+
+而且css选择器仅支持简单class的约束，即提升了性能，又让AI更不容易在复杂的css权重中迷失。
+
+不管是原生还是跨平台开发框架，它们都会持续迭代，在AI训练完成后，新出的功能都需要AI去其官网开发文档查询。
+
+这方面，uni-app x 做得更细致。uni-agent内置了uni-app x的知识库，打通了文档、issues系统、ask论坛、插件市场、官方源码。
+
+开发者在本地Agent操作时，AI掌握各种所需数据：
+- 它可以查验当前开发中遇到的问题，是不是已存在的issues，哪个版本已解决
+- 可以看到论坛其他人分享的某个问题的解决方案
+- 可以直接找一个成熟的轮子快速完成需求，并减少bug
+- 可以核对 uni-app x 源码实现，当前的问题是不是真的是官方bug，并且可以通过内置skill直接提交issues。
+
+react native 和 flutter，AI也很熟悉。但uni-agent这种整合型Agent是其他开发框架未提供的，包括原生其实也没有这么好的AI开发体验。
+
+## 2. 覆盖更多平台
+
+覆盖更多平台，减少平台差异，这是跨平台框架的天然使命。
+
+国外的平台较少，跨平台厂商主要为Android和iOS设计跨平台方案。
+国内有鸿蒙和各家小程序，市场情况差异很大，对多端一致性的要求更高。
+
+在AI时代，小程序的意义会比之前更大。各家互联网巨头，都会把持AI入口，并把流量分发给自家小程序。微信AI、豆包小程序，均在进行相关计划。
+
+- react native
+
+官方只支持Android和iOS。web平台只能复用纯逻辑；三方中，华为提供了`ohos_react_native`库支持鸿蒙，京东taro支持小程序。
+
+三方和原版有一定差异。
+
+react native 不管是官方还是三方，都存在跨平台代码复用度低的问题。平台差异较多，拉齐度低。
+
+react native 自身理念是“Learn once, write anywhere”，不是“write once, run anywhere”。
+
+它只做到各平台都能使用react这个虚拟DOM框架而已，核心组件和API都未统一。
+
+App平台，各自使用不同的语言编写组件，差异略多。
+
+小程序和web，与react native的UI代码更难复用。
+
+由于react native库自身内置功能不多，大量依赖三方库，而社区库的多端拉齐度更低。尤其是鸿蒙、小程序、web。
+
+- flutter
+
+官方支持Android、iOS、web，还有pc。就国外的情况而言，算是全平台覆盖了。
+
+不过flutter的web是wasm在canvas上绘制，渲染引擎体积大，页面无法seo，整合内嵌npm上的web组件很困难。实际上难以商用。
+
+华为提供了`Flutter-OH`适配鸿蒙。没有小程序方案。
+
+flutter在app平台均使用自渲染机制，组件一致性高，跨平台代码复用度较高。
+
+如果需要鸿蒙平台时，需注意社区库适配问题。原版库都不支持鸿蒙，华为迁移了一批库到鸿蒙端，但数量有限且有差异。
+
+- uni-app x
+
+uni-app x 原厂支持 Android、iOS、鸿蒙、web、小程序。
+
+这与react native、flutter大为不同。
+
+只有一个组织统筹设计，多端的代码复用度才能非常高。实际上uni-app x是把小程序的组件和API迁移到了其他平台，从逻辑到UI都是一套。
+
+uni-app x 的 App平台是原生渲染，但没有使用OS提供的原生组件，而是使用C写了一批新的跨平台组件放入原生渲染管线中使用，所以没有react native那样的跨端组件差异。
+
+uni-app x 的 web 平台，是一套代码的正常 vue 页面，不存在体积和seo等问题。
+
+uni-app x 的内置组件和API较多，均跨平台。社区插件方面，推出了 uni_modules 规范，统一interface约定，社区插件的多端支持度和统一度都很高。
+
+uni-app x 在拉齐细节上投入较多，包括各家小程序的专有语言，比如微信小程序的wxs，支付宝小程序的ajs，均被拉齐为一套 Element 操作，所有平台均支持这套 Element，进而能兼容更多 NPM 库。
+
+使用 uni-app x 能够跨所有平台，且各平台之间的差异被拉到最小化。提供更高的ROI，这方面对开发者的帮助远超过其他跨平台开发框架。
+
+## 3. 性能好
+
+跨平台性能比原生低，想要性能就不能用跨平台。这个问题是多年来开发者对跨平台框架的认知。但2026年这个认知被打破了。
+
+- react native
+react native的性能表现在各框架中属于靠后的，这也是它被shopify放弃的核心原因。在AI时代，如果只考虑Android和iOS，在AI降低了原生开发成本后，很多开发者就不愿意忍受react native的低性能表现。
+
+- flutter
+flutter在常规场景性能优异，渲染帧率可以达到很高的水平。
+
+但由于flutter使用了自渲染引擎，对接系统原生UI时，两套渲染引擎的合成问题较多。会引发性能下降。详见[《一文讲透原生渲染和自渲染》](./native-render-and-self-render.md)
+
+尤其是iOS的液态玻璃、鸿蒙的沉浸光感，让自渲染引擎很难适配。
+
+dart涉及跨语言通信，dart和c对接性能还好，但在对接原生的java/kotlin、ArkTS时处理的不好，通信性能较低，还不如react native。
+
+- uni-app x
+
+uni-app x 蒸汽模式，是今年跨平台框架中的惊喜。一直以来跨平台框架性能不如原生的观点被打破。
+
+如果没有这样的产品出现，跨平台框架在AI时代或许真要走向没落了。但如今用原生开发的应用，渲染性能反而不如uni-app x了，那开发者的选择又要重新思考。
+
+这违背了一些人的直觉，但有专业的benchmark，里面都有详细的数据和实验的可重现方式。
+
+- [Android平台性能benchmark](https://doc.dcloud.net.cn/uni-app-x/benchmark/vapor-benchmark-android.html)
+- [iOS平台性能benchmark](https://doc.dcloud.net.cn/uni-app-x/benchmark/vapor-benchmark-ios.html)
+- [鸿蒙平台性能benchmark](https://doc.dcloud.net.cn/uni-app-x/benchmark/vapor-benchmark-harmony.html)
+
+其中的实验工程不管是uni-app x的还是原生的，都是开源的，已有数千人下载验证，不存在不公平的对比，诸如uni-app x为测试例优化、而对比原生工程实现欠佳的情况。
+
+从技术原理上来说，uni-app x 也是基于原生渲染管线的。但它没有像react native那样使用OS提供的系统组件，使用基于C语言重新开发了一批跨平台、高性能的组件。
+
+除此之外，蒸汽模式消除了虚拟 DOM；模板和样式被编译为高度优化的机器码/字节码；提供了更快的排版系统...
+这些都是让跨平台框架性能反超的原因。
+
+这里需要强调的是，渲染性能，是一个复杂的对比因素。uni-app x 的部分组件，如view、text、list、canvas、rich-text，在benchmark中体现出了优势。
+比系统原生组件（如textView、recyclerView）快数倍，但未必所有组件的性能均超过了原生。
+
+以iOS液态玻璃、鸿蒙沉浸光感为例，uni-app x 相关组件使用是系统的标准组件，此时渲染性能和原生几乎无差别。细微的差别来自于uni-app x的组件做了一层封装，而uni-app x的页面排版系统又更快，综合下来和原生是一致的。
+
+如下为hello uni-app x的iOS录屏，可以看到原生体验的液态玻璃。
+
+<video id="video" preload="none" controls="controls" width="90%" poster="https://web-ext-storage.dcloud.net.cn/doc/app/ios/tabbar-glass-effec-poster.png" src="https://web-ext-storage.dcloud.net.cn/doc/app/ios/tabbar-glass-effect.mp4"></video>
+
+## 4. 生态丰富
+
+不管哪个跨平台框架，常见功能都有成熟解决方案。国内应用场景来讲，常见的三方SDK，uni-app x 会内置，其使用体验更顺畅。国外场景，uni-app x 还不如flutter和react native的库丰富。
+
+好在封装一个原生能力做插件，对AI很简单，这种翻译性工作AI很擅长，开发者可以在不懂原生的情况下交由AI直接做好。目前uni插件市场很多插件都是uni-agent开发的。
+
+uni-app x 的生态，展开讲一下，分为3部分。
+
+第一部分是 npm 生态。
+
+纯js逻辑库如day.js均支持。
+
+uni-app x 对 npm 库的支持度，高于 react native。
+因为 uni-app x 比 react native 多了 element、canvas等API，以及支持更多css功能（如css变量、媒体查询、@keyframe动画）。
+echart图表库也可以在uni-app x上运行。
+
+可以说uni-app x 比react native和flutter，更接近web，也就兼容了更多web生态。
+
+第二部分是uts原生插件。
+
+其实uni-app x 本身内置了大量原生API，与小程序一样，常见原生功能需求都内置了。
+
+在其他扩展部分，uni-app x的插件均在其[插件市场](https://ext.dcloud.net.cn/)，蒸汽模式支持的插件有数千款。
+
+第三部分是uasm插件。
+
+uasm是聚合了web和小程序支持的wasm，以及App平台兼容支持的node生态的c库。
+
+uni-app x 的app平台内置了对node-api的实现，所以很多适配过node的c库可以方便在 uni-app x 中使用，比如 sqlite、zstd。
+
+uasm可以让一个c库，在uni-app x的web、小程序上以wasm方式运行，在app平台以node库方式运行。这是跨平台框架中比较独特的生态。
+
+## 5. 稳定性和质量
+
+react native和flutter，近期没有大升级，处于较稳定的状态。
+
+社区的鸿蒙适配版需单独关注其质量和版本跟随问题。
+
+react native框架内置的组件和API非常少，大量依赖社区插件，该部分需关注社区插件质量。
+
+uni-app x 蒸汽模式，UI框架部分是今年新出的，理论上质量和稳定性弱于react native和flutter。
+
+不过其官网列出不少[蒸汽模式案例](https://doc.dcloud.net.cn/uni-app-x/sample.html)，不乏在应用商店中下载量超百万、千万的应用。达到商用标准没有问题。
+
+目前uni-app x的质量状态是处于从良向优演进的过程中。
+
+uni-app x 内置的组件和API很多，均由官方维护，且大多开源。与其他跨平台框架的社区库相比，质量和稳定性有保障。
+
+
+## 6. 支持动态化
+
+动态化或热更新，是任何产品运营公司不可或缺的工具。A/B 测试、灰度发布、运营活动都离不开它。
+
+flutter是AOT的，不支持热更新，这给性能不及flutter的react native留下了一定市场空间。
+
+uni-app x 支持动态化。并且在蒸汽模式渲染性能超过原生后，让产业发生有趣的改变：“现在动态化方案的渲染性能超过了原生”
+
+那么产品和运营人员会要求更多界面改成动态化，以方便测试和优化。
+
+甚至以前认为首页性能要求高，一定要用原生，这些观点也过时了。
+
+更有趣的是，AI时代，很多运营都开始vibe coding。他们经常郁闷，自己vibe出来的页面，自己明明点着没问题却不能及时上线，开发人员还是会重新在每个平台各做一遍。
+
+那么如果有一个适合AI的、支持动态化的跨平台框架，帮助运营人员做好约束、处理好平台差异和性能，专注于他们的业务和活动，在vibe不可行系数较低的场景，就能变的更直接和高效了。vibe后的代码，研发人员简单review下就可以灰度上线。
+
+展望未来，AI还会带来一种新应用形态，“用户定制界面”。
+
+用户可以对着App提需求，让App构造一个用户个性化的使用界面。
+
+比如一个工作IM软件，用户可以对App说：新增一个界面，展示我@别人的所有消息，按照对方未读、已读不回、已回复来分类，超过8小时要红色显示。
+
+然后AI就帮他生成了一个界面，动态下发到他的手机App中。
+
+没有AI时，这种事情不可想象，有了AI和动态化，就会有很多人去尝试实现，把它变成现实。
+
+## 7. 全面的验证反馈
+
+AI写的代码对不对，是否在编译、log、运行时error、内存泄漏、崩溃这5个环节给AI更多有效帮助？
+
+这点做好，对于AI非常重要。
+
+而基本的前提，是这5部分信息都要有cli，让AI可以直接获取。
+
+react native和flutter，没有专门的IDE，信息分散在自己的sdk、vscode、Android studio等不同工具中，有的有cli，有的没有。跨端部分和原生部分的获取方式也不同。
+
+uni-app x 则把跨端和原生的所有信息按时间顺序都汇总在HBuilder的控制台中，并提供统一的cli给AI。这对AI更加友好。
+
+HBuilder有HBuilderX和HBuilderV（基于vscode二开）2个版本，均支持这套机制。
+
+额外补充一个原生开发的劣势：编译慢。
+
+AI写代码很快，但kotlin/java、swift/objective-c，编译很慢。大项目时，验证反馈、运行时日志获取，要等更久。
+
+而跨平台框架都支持开发阶段热刷新，AI写代码快、验证反馈也快，更能发挥AI的提效优势。
+
+
+# 总结
+
+回到开头的议题：都AI开发了，还需要跨平台框架吗？
+
+答案是需要，只是原来没有太好的跨平台框架。
+
+一个**AI熟悉、能约束好AI、能帮AI搞定平台差异、能做到性能比原生更好、能支持动态化**，这就是AI所需要的好工具。
+
+尤其是中国开发者，面对更复杂的多端环境，一个好的跨平台框架，能带来更大的价值。
+
+在AI时代，react native的性能问题、平台拉齐度较低的问题，如果不能很快得到解决，会出现更多shopify的例子。
+
+flutter的原生混合渲染和原生语言通信问题，也存在让开发者想改用AI+多平台原生开发的冲动。
+
+当AI降低了开发和迁移成本后，开发者对于跨平台框架自身的缺点的容忍度会变的更低。
+
+uni-app x 具备一些关键优势，**跨更多平台、渲染性能超过原生，支持动态化，这是原生所不及的**。
+
+随着 uni-app x 版本迭代成熟，会让原生和其他跨平台框架都不再是好选项。
+
+开发者和AI都需要一个好帮手，期待 uni-app x！

package/data/uni-app-x-docs/select/native-render-and-self-render.md

@@ -166,16 +166,16 @@ flutter的渲染系统，内部计算自己的widget的层级和半透明关系
 所以如果一个界面没有platform view，性能有时能超过原生渲染。
 但一旦有带有层级的platform view，性能就不行了。
 
-iOS的液态玻璃效果，被开发者吐槽精准打击 flutter 和 compose-multiplatform iOS版。
+iOS的液态玻璃效果、鸿蒙的沉浸光感，被开发者吐槽精准打击自渲染引擎，包括 flutter 和 compose-multiplatform iOS版。
 
-这个透明效果与众不同，动态材质、手势变化、光照形变都非常复杂，Apple并未公开其算法。
+液态玻璃的透明效果与众不同，动态材质、手势变化、光照形变都非常复杂，Apple并未公开其算法。
 原生开发可以直接用iOS提供的API，但自渲染很难精准模拟，也达不到系统的省电效果。
 
-更麻烦的是合成，如果液态玻璃下面，一会展现自渲染的组件、一会展现原生或其他渲染方式的platform view，实现起来各种兼容性问题，高性能更不可能。
+更麻烦的是合成，如果液态玻璃下面，一会儿展现自渲染的组件、一会儿展现原生或其他渲染方式的platform view，实现起来各种兼容性问题，高性能更不可能。
 
 那开发者不在界面上使用液态玻璃效果是否就能规避此问题？iOS系统有很多隐密的坑，输入框长按的上下文菜单也是液态玻璃的，这个菜单在透显自渲染和自渲染框架下的原生视图都有问题。
 
-注：uni-app x 蒸汽模式，提供了内置的液态玻璃组件，使用系统原生能力，就不会有完全自渲染带来的问题。可以在iOS 26+设备上体验[hello uni-app x](http://hellouniappx.dcloud.net.cn/)。录屏如下：
+注：uni-app x 蒸汽模式，提供了内置的液态玻璃组件，tabbar也支持glassEffect效果，使用系统原生能力，就不会有完全自渲染带来的问题。可以在iOS 26+ 和鸿蒙7+ 设备上体验[hello uni-app x](http://hellouniappx.dcloud.net.cn/)。录屏如下：
 
 <video id="video" preload="none" controls="controls" width="90%" poster="https://web-ext-storage.dcloud.net.cn/doc/app/ios/tabbar-glass-effec-poster.png" src="https://web-ext-storage.dcloud.net.cn/doc/app/ios/tabbar-glass-effect.mp4"></video>