目录规范
图片文件
项目图片文件放在根目录的 image 文件夹中。
编程规范
JS 规范
- 命名
变量名与函数名均使用驼峰命名法,函数名前缀要有清楚的动词表示函数的功能。
// 变量
let myFirstData = 1
// 函数
getInfo: function () {
return '';
}
- 数据绑定与变量定义
所有与数据绑定有关的变量都要在 Page 中的 data 里面进行初始化。
Page({
data:{
num:0
}
})
- 点击事件函数
命名方式为 on + 事件名
onClick: function (event) {
console.log(event)
}
- 标点
- JS 语句中不需要用分号来表示语句结束。
- JS 中统一使用单引号而不是用双引号。
- 缩进要保持一致,即四个空格。
- 删除 js 文件中没有用到的生命周期函数
- 每个函数之间用一个空行分开它们
WXML 规范
- wxml 标签能单独出现尽量单独出现
- 每行的字符数量在 50 个字符以内
- 标签所带的属性在每个属性间进行换行
- 不要使用内联样式,选择使用类
- 使用双引号
CSS 规范
- 间距使用 rpx ,字体大小和边框使用 px
- CSS 代码要有明显的代码缩进
- 每个样式类之间空出一行
- 样式类中的属性尽量使用简写属性,且同类属性放在一起
- 使用 flex 进行布局
- 使用双引号
- CSS 属性中冒号后面要有一个空格
组件样式规范
所有的组件样式均采用类的写法,命名必须以 v- 开头,不允许使用内联样式