[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