微信小程序开发规范

本文详细介绍了微信小程序的开发规范,包括基础规范、图片、组件文件、模型文件、行为文件、公共方法的组织,以及WXML、CSS、JS的具体编码规范。强调了合理使用基本组件,避免内联样式,采用ES6语法,以及遵循特定的命名和事件触发规则,以提高代码质量和可维护性。
摘要由CSDN通过智能技术生成

目录规范

  • 基础规范

页面、样式、行为、规范,不用首屏加载的尽量分包

  • 图片

项目图片文件放置于根目录的images文件夹下,组件独有的图片放在当前组件images目录下

  • 组件文件

所有组件相关文件统一放在components目录下。

  • 模型文件

模型文件主要用于编写各类业务模型。项目模型文件放置于根目录的 models 文件夹下,组件相关模型放置于components目录下的models文件夹中。

  • 行为文件

行为文件放在所引用的组件目录下

  • 公共方法

所有与公共方法相关的放到utils

WXML 规范

  • 标签尽量少

wxml 标签可以单独出现的情况,尽量单独出现,如 input

  • 减少没行代码量

控制每行 HTML 的代码数量在 50 个字符以内,方便阅读浏览,多余的代码进行换行处理,标签所带属性每个属性间进行换行。

```
  <v-music
      wx:if="{
  {classic
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值