类型
| 阶段
| Taro
| 小步伐
|
工程目次
| 编译时
| - my-project/
- ├── build/ # 构建文件夹
- │ ├── index.html # 主页HTML文件
- │ └── index.js # 主页JavaScript文件
- ├── config/ # 配置文件夹
- │ ├── app.json # 应用配置文件
- │ └── project.config.js # 项目配置文件
- ├── node_modules/ # 第三方依赖库
- ├── package.json # 包管理器配置文件
- ├── src/ # 源代码文件夹
- │ ├── assets/ # 资源文件夹(图片、字体等)
- │ ├── components/ # 组件文件夹
- │ │ ├── index.js # 组件入口文件
- │ │ └── MyComponent.js # 组件实现文件
- │ ├── index.js # 主入口文件
- │ └── pages/ # 页面文件夹
- │ ├── index.js # 首页入口文件
- │ └── otherPage/index.js # 其他页面入口文件
- └── tools/ # 工具文件夹
- ├── dev-server.js # 开发服务器配置文件
- └── start-dev-server.sh # 开发服务器启动脚本
复制代码 | - my-wechat-app/
- ├── app.json # 应用配置文件
- ├── app.wxss # 样式文件
- ├── app.js # 主入口文件
- ├── pages/ # 页面文件夹
- │ ├── index.js # 首页入口文件
- │ └── otherPage/index.js # 其他页面入口文件
- │ ├── otherPage.wxml # 页面组件文件
- │ ├── otherPage.wxss # 页面样式文件
- │ └── otherPage.js # 页面逻辑文件
- ├── utils/ # 公共工具文件夹
- │ ├── util.js # 公共工具文件
- │ └── ...
- ├── node_modules/ # 第三方依赖库
- ├── package.json # 包管理器配置文件
- └── README.md # 说明文档
复制代码 |
组件适配
| 编译时
| - <View class="button-container">
- <Button class="button" onClick={onClick}>
- {text}
- </Button>
- </View>
复制代码 | - <view class="button-container">
- <button class="button" bindtap="buttonClick">{{text}}</button>
- </view>
复制代码 |
react语法-写法
| 编译时
| - <View className="list">
- {items.map((item) => (
- <View key={item.id} className="list-item">
- {item.title}
- </View>
- ))}
- </View>
复制代码 | - <view class="list">
- <block wx:for="{{items}}" wx:key="index">
- <view class="list-item">
- {{item.title}}
- </view>
- </block>
- </view>
复制代码 |
react语法-运行
| 运行时
| state、props
componentDidMount、componentDidUpdate、componentWillUnmount
| data
onReady、onHide、onUnload
|
api适配
| 运行时
| Taro调用
| wx?. window?.
|