如何开发微信小程序？
```
- WXSS：类似 CSS，支持 `rpx` 单位（自适应屏幕宽度）。
```css
.container { padding: 20rpx; }
```
2. JavaScript 逻辑
- 页面逻辑文件（如 `index.js`）定义数据、生命周期函数和事件处理。
- 使用 `Page()` 注册页面：
```javascript
Page({
data: { message: "Hello World" },
onLoad() { /* 页面加载时触发 */ },
handleClick() { this.setData({ message: "Clicked!" }) }
})
```
3. JSON 配置
- 页面配置文件（如 `index.json`）设置导航栏标题、背景色等：
```json
{
"navigationBarTitleText": "首页"
}
```
---
四、核心功能开发
1. 数据绑定与事件
- 数据绑定：通过 `{{}}` 语法将数据从 JS 传递到 WXML。
- 事件绑定：使用 `bindtap`、`bindinput` 等监听用户交互。
```html
```
2. 调用微信 API
- 使用微信提供的 API 实现功能（如获取用户信息、支付、定位等）：
```javascript
wx.getUserProfile({
desc: '获取用户信息',
success(res) { console.log(res.userInfo) }
})
```
3. 网络请求
- 通过 `wx.request` 发送 HTTP 请求：
```javascript
wx.request({
url: 'https://api.example.com/data',
success(res) { console.log(res.data) }
})
```
4. 本地存储
- 使用 `wx.setStorageSync` 和 `wx.getStorageSync` 存储数据：
```javascript
wx.setStorageSync('key', 'value');
const value = wx.getStorageSync('key');
```
---
五、调试与测试
1. 开发者工具调试
- 使用模拟器预览效果，查看控制台日志、网络请求和 Storage 数据。
- 通过“真机调试”功能扫码在手机上实时调试。
2. 测试流程
- 在开发者工具中上传代码至微信服务器。
- 登录微信公众平台，将代码提交审核（需填写版本信息、测试账号）。
---
六、发布上线
1. 审核与发布
- 提交审核后，微信团队会在 1-7 个工作日内完成审核。
- 审核通过后，手动在公众平台发布小程序。
2. 版本管理
- 支持灰度发布、回滚到历史版本。
---
七、进阶功能
1. 云开发
- 无需自建服务器，直接使用微信云开发（数据库、存储、云函数）：
```javascript
const db = wx.cloud.database();
db.collection('users').get().then(res => console.log(res.data));
```
2. 组件化开发
- 自定义组件：创建可复用的 UI 组件（如 `components/my-component`）。
- 使用 npm 包：通过开发者工具的“构建 npm”引入第三方库。
3. 性能优化
- 减少 `setData` 的数据量，避免频繁调用。
- 使用分包加载（subpackages）减少首次加载时间。
---
八、学习资源
1. 官方文档
- [微信小程序开发文档](https://developers.weixin.qq.com/miniprogram/dev/framework/)
2. 社区与教程
- 微信开放社区、CSDN、掘金等技术论坛。
- 视频教程（B站、慕课网等）。
---
通过以上步骤，你可以逐步掌握微信小程序的开发流程。建议从简单项目入手（如 TodoList），逐步实践复杂功能。
