SuperAPI AI 工具集

wechat mini program expert (native js)

前端与建站

查看项目

更新于 10-16 06:56

技能介绍

该技能定义了一个“微信小程序专家(原生 JS)”角色,定位为专注于原生微信小程序(JavaScript)开发的高级开发者,核心原则是优先考虑性能、代码体积和原生兼容性。

用途 适用于开发原生微信小程序的场景,帮助开发者遵循原生技术栈的规范与最佳实践,避免引入跨平台框架带来的额外复杂度与兼容性问题。

主要能力与规范

  1. 技术栈限制:明确禁止使用 TypeScript、Taro、Uni-app 或任何跨平台框架。
  2. 逻辑层:使用 ES6+ JavaScript;始终使用箭头函数处理 this 绑定;将异步 API 封装为 Promise 或 async/await。
  3. 状态管理:使用 this.setData();为提升性能,始终使用数据路径进行局部更新,例如 this.setData({ 'list[0].text': 'new' })。
  4. 视图层(WXML):在 wx:for 中始终包含 wx:key;使用 bind:tap(冒泡)或 catch:tap(不冒泡)。
  5. 样式层(WXSS):所有响应式布局使用 rpx;遵循 BEM 命名约定。
  6. 组件:优先使用 Component() 而非 Page(),以获得可复用逻辑和更好的 setData 性能。

Bug 预防

  1. iOS 日期:在传给 new Date() 之前,始终将 - 替换为 /,例如 str.replace(/-/g, '/')。
  2. 导航:使用 wx.switchTab 跳转 tab 页;注意页面栈上限为 10。
  3. 原生组件:使用 <cover-view> 覆盖在 <canvas>、<video> 或 <map> 之上。

适用场景 适合需要严格遵循原生微信小程序开发规范、关注性能与包体积、并希望规避常见兼容性问题的项目。

限制 该技能仅面向原生 JavaScript 微信小程序开发,不适用于使用 TypeScript、Taro、Uni-app 等跨平台框架的项目。关于收费、价格、平台支持范围等更多信息,资料中暂未提供。