小程序不是小号的网页

编译产物大致长这样（简化）function render(context) { return { tag: 'view', attr: { class: 'card' }, children: [ context.loading ? { tag: 'text', children: ['加载中'] } : { tag: 'block', children: [ { tag: 'text', attr: { class: 'title' }, children: [context.item.title] }, ...context.tags.map(item => ({ tag: 'text', children: [item] })) ] } ] }; }

几个容易记混的对应关系onLoad 只执行一次，等于 Vue 的 created + 拿参数 onShow 每次显示都执行（含从后台切回、从 B 返回） onReady 首次渲染完成，只一次；等于 Vue 的 mounted onHide 跳到别页 / 切后台 onUnload 页面被销毁（redirectTo、navigateBack 返回时） 组件 attached ≈ created，但此时还不能拿节点 组件 ready ≈ mounted，可以拿节点

三种样式隔离模式isolated 默认。内外互不影响（但 app.wxss 的标签选择器仍可能命中） apply-shared 外部样式可以影响组件内部，反之不行 shared 双向影响，两边互通

五种跳转的行为差异wx.navigateTo 压栈，可带参数，不能跳 tabBar 页；超过 10 层失败 wx.redirectTo 替换当前页（出栈再入栈），当前页 onUnload wx.switchTab 只能跳 tabBar 页，且会清空其它页面栈 wx.reLaunch 关闭所有页面，只留目标页 wx.navigateBack 出栈，可指定 delta 层数

参数与通信传参：url 上带 query，目标页 onLoad(options) 取 大数据：不要塞 url（长度和编码都有限制），用全局变量或 EventChannel EventChannel：navigateTo 的 events + success 里拿 eventChannel，适合"从子页回传结果" 回流：getCurrentPages() 拿页面栈，直接调上一页的方法（能跑，但耦合高，慎用）

条件编译的几个平台标识MP-WEIXIN 微信小程序 MP-ALIPAY 支付宝小程序 MP 所有小程序 H5 浏览器 APP-PLUS App（iOS / Android） APP-PLUS-NVUE App 的 nvue 原生渲染

两套钩子的执行顺序（页面首次进入）beforeCreate → created onLoad(options) ← 小程序钩子，拿路由参数 onShow beforeMount → mounted onReady ← 渲染完成，可查节点 再次显示（从别的页返回）： onShow ← 只有这个会走

Taro 3 的运行时到底做了什么你的 React 代码 → React Reconciler → Taro DOM（模拟的节点树） ↓ 转成 setData 的增量 → 小程序视图层 也就是说：React 的 diff 发生在 Taro DOM 上， 最后还是要通过 setData 到原生节点。所以 setData 的优化依然重要。

rpx 的换算750rpx = 屏幕宽度（任何机型） iPhone 6（375px 宽）：1rpx = 0.5px iPhone 14 Pro Max（430px 宽）：1rpx ≈ 0.573px 所以：设计稿 750 宽，量多少写多少 rpx，这是它唯一正确的用法。 设计稿 375 宽时不要直接写 rpx，会整体缩小一半。