ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
[TOC] # 介绍 为了使用 `Taro` 兼容全平台, 请遵循以下规范: # 数据传递 组件不能直接使用 `connect` 进行状态数据连接,应当通过父组件传递 `props`,传递数据。 # UI设计模版要按750宽出图 # 组件 ## `app.wxss` 微信小程序 `app.wxss` 的样式在自定义组件不生效 在自定义组件的 js 文件中添加,支付宝默认所有页面生效: ``` // 开启全局样式使用 options: { addGlobalClass: true } ``` ## 默认数据 不支持将 `data` 中任何一项的 value 设为`undefined`,在 `setState` 的时候也请避免这么用。你可以使用 `null` 来替代。 ## 生命周期 百度小程序与微信小程序 渲染组件时,触发的生命周期完全不同 # 事件系统的不一致 支付宝事件: [https://docs.alipay.com/mini/framework/event-object](https://docs.alipay.com/mini/framework/event-object) 小程序: [https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html](https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html) # css ## `background-image` 支持网络的图片链接或者 base64,`config /index.js` 中配置转base64 ## `width` 最好加上`100%`; # 全局变量 `global` 微信|百度都有,支付宝没有暴露全局变量 `global` # 其他问题 1. 对于像 `button` 这样的类似组件,完全可以用 `View` 实现。 2. 登录和支付那一块,需要根据文档来自己调整。工具也没办法转换,因为他们的实现都不一样的。 # 各种小程序的官网与调试工具地址 [微信小程序文档](https://developers.weixin.qq.com/miniprogram/dev/index.html) [百度小程序文档](https://smartprogram.baidu.com/docs/develop/tutorial/codedir/) [支付小程序文档](https://docs.alipay.com/mini/developer/getting-started) [头条小程序文档](https://microapp.bytedance.com/docs/framework/) [QQ小程序文档](https://q.qq.com/wiki/develop/miniprogram/frame/catalog.html) [淘宝小程序](https://developers.taobao.com/light-shop/) 开始内测,叫轻店铺 [快应用文档](https://www.quickapp.cn/docCenter/post/95) [快应用调试工具](https://www.quickapp.cn/docCenter/post/95) [快应用 demo1](https://github.com/quickappcn/sample) [快应用 demo2](https://github.com/RubyLouvre/quickdemo) [快应用的一个UI库](https://github.com/JDsecretFE/quist-ui) [微信小程序升级日志](https://developers.weixin.qq.com/miniprogram/dev/devtools/uplog.html) [快应用升级日志](https://doc.quickapp.cn/changelog/1020.html) [百度小程序升级日志](https://smartprogram.baidu.com/docs/develop/tutorial/swanchangelog/) [支付宝小程序升级日志](https://docs.alipay.com/mini/developer/changelog) [QQ轻应用文档](https://h5.qianbao.qq.com/wiki/articleH5?id=1237) # 参考 [常见问题](https://ecomfe.github.io/okam/#/questions/index) [多端统一开发实践.pdf](http://cdn.jsnewbee.com/files/%E5%A4%9A%E7%AB%AF%E7%BB%9F%E4%B8%80%E5%BC%80%E5%8F%91%E5%AE%9E%E8%B7%B5.pdf) https://rubylouvre.github.io/nanachi/documents/diff.html