用途
本技能是微信小程序（WeChat Mini Program）开发框架技能，基于官方文档生成，用于辅助微信小程序的开发工作。当涉及微信小程序开发、WXML/WXSS/WXS 编写、微信小程序 API 调用、微信组件构建、微信开放能力实现、小程序问题调试以及小程序性能优化等任务时，可触发使用本技能。
主要能力
技能内置了较为完整的参考文档，位于 references/ 目录下，包括：
- getting_started.md：快速入门与介绍
- framework.md：小程序框架（逻辑层、视图层）
- components.md：内置组件
- api.md：API 参考
- cloud.md：云开发
- reference.md：配置参考
在需要详细信息时，可通过 view 读取对应的参考文件。技能还提供了常见代码模式示例，覆盖项目结构、图片预览、组件定义、云函数调用、滚动视图等典型用法。
使用方式
技能以参考文档加代码示例的形式组织。快速参考部分列出了从官方文档中提取的常见模式，例如：
项目结构示例：
├── app.js # App logic
├── app.json # App configuration
├── app.wxss # Global styles
├── pages/
│ └── index/
│ ├── index.js # Page logic
│ ├── index.json # Page configuration
│ ├── index.wxml # Page template
│ └── index.wxss # Page styles
└── components/ # Custom components
图片预览示例：
wx.previewImage({
current: 'https://img1.gtimg.com/10/1048/104857/10485726_980x1200_0.jpg',
urls: [
'https://img1.gtimg.com/10/1048/104857/10485731_980x1200_0.jpg',
'https://img1.gtimg.com/10/1048/104857/10485726_980x1200_0.jpg',
'https://img1.gtimg.com/10/1048/104857/10485729_980x1200_0.jpg'
],
success: function(res) {
console.log(res)
}
})
组件定义示例：
<!-- /components/index.wmxl -->
<view class="index">{{prop}}</view>
// /components/index.js
Component({
properties: {
prop: {
type: String,
value: 'index.properties'
},
},
})
/* /components/index.wxss */
.index {
color: green;
}
云函数调用示例：
wx.cloud.callFunction({
name: 'myFunction',
data: {
weRunData: wx.cloud.CloudID('xxx'),
obj: {
shareInfo: wx.cloud.CloudID('yyy'),
}
}
})
滚动视图示例：
<scroll-view type="list" scroll-y>
<view> a </view>
<view> b </view>
<view> c </view>
</scroll-view>
技能还涵盖关键概念，如 App 生命周期（onLaunch、onShow、onHide）、Page 生命周期（onLoad、onShow、onReady、onHide、onUnload）、WXML 数据绑定（{{message}}、wx:if、wx:for）以及事件处理（bindtap）等。
适用场景
- 开发微信小程序
- 编写 WXML、WXSS 或 WXS
- 调用微信小程序 API
- 构建微信组件
- 实现微信开放能力
- 调试小程序问题
- 优化小程序性能
限制
本技能由官方微信文档自动生成，参考文件保留源文档的结构与示例，内容以中文为主。关于收费、价格、平台支持范围、具体效果等事实，资料中暂未提供。