微信小程序开发代码规范

目录规范

图片文件

项目图片文件放在根目录的 image 文件夹中。

---

编程规范

JS 规范

• 命名

        变量名与函数名均使用驼峰命名法，函数名前缀要有清楚的动词表示函数的功能。

// 变量
let myFirstData = 1

// 函数
getInfo: function () {
    return '';
}

• 数据绑定与变量定义

        所有与数据绑定有关的变量都要在 Page 中的 data 里面进行初始化。

Page({
    data:{
        num:0
    }
})

• 点击事件函数

        命名方式为 on + 事件名

onClick: function (event) {
    console.log(event)
}

• 标点

1. JS 语句中不需要用分号来表示语句结束。
2. JS 中统一使用单引号而不是用双引号。
3. 缩进要保持一致，即四个空格。

• 删除 js 文件中没有用到的生命周期函数
• 每个函数之间用一个空行分开它们

WXML 规范

• wxml 标签能单独出现尽量单独出现
• 每行的字符数量在 50 个字符以内
• 标签所带的属性在每个属性间进行换行
• 不要使用内联样式，选择使用类
• 使用双引号

CSS 规范

• 间距使用 rpx ，字体大小和边框使用 px
• CSS 代码要有明显的代码缩进
• 每个样式类之间空出一行
• 样式类中的属性尽量使用简写属性，且同类属性放在一起
• 使用 flex 进行布局
• 使用双引号
• CSS 属性中冒号后面要有一个空格

组件样式规范

所有的组件样式均采用类的写法，命名必须以 v- 开头，不允许使用内联样式