关于前端代码规范
命名规范
maXXX 支付宝小程序
mpXXX 微信小程序
mXXXX H5项目
netXXX 管理后台
css命名：xx-xx
图片命名：xx_xx
变量命名：xxXX
开发规范
- 代码命名要让人“见名知意”，复杂的业务逻辑模块一定要做好注释。
- 代码提交时必须要填写详细注释，不能用“fixbug”等统一标识或空处理。
- 代码中不允许留有无用的打印调试/无用空格/空行；删除无用代码和注释，以及引入。
- 业务代码中不允许有写死的环境域名或IP地址，必须提到全局变量，统一配置化控制。
- 编码时需从以下几个角度去考虑：增强代码的健壮性、可读性、可复用性，可维护性。
css规范
- 统一使用两个空格缩进。
- 避免创建无样式信息的选择器。
- class与id单词字母小写，多个单词组成时，采用中划线分隔。
- 代码风格：统一使用展开格式，不推荐紧凑格式；属性声明结尾加分号；属性冒号后一个空格。
/* 展开格式 */ .test{color: red;font-size: 12px; } /* 紧凑格式 */ .test{ color: red; font-size: 12px; } - 不要为 0 指明单位
- 单位规范：单位有两种，分别是绝对单位和相对单位。
常用绝对单位- px：像素 (计算机屏幕上的一个点) 常用相对单位- %：父元素百分比- vw：视口宽度百分比- vh：视口高度百分比- em：当前字体倍数- rem：根元素字体倍数 使用较多的单位有 px、%、rem 三种，建议 PC 端用 px 单位、移动端用 rem，需要具体控制尺寸还是使用 px 备注：如果需要计算不同单位下的值，可以使用 css3 方法 calc() - 覆盖规范
+ 尽可能少用 importent + vue 单位件组件统一使用 css/less/sass scoped + 每个页面/组件需要有一个全局唯一的标识 id/class，属于它下面的样式都需要加上该唯一标识 + 避免全局修改已有样式，必须具体到页面上(通过权重) + 禁用全匹配*选择器（特殊情况除外，如初始化） vue 单文件组件修改样式不生效可使用 /deep/ 或 >>>
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！