前端开发规范:1-通用规范

关于规范和风格
风格规范没有绝对的对错,应该根据每个开发团队的业务和习惯来制定。

随着技术、硬件设备及浏览器平台等环境的更新换代,几年前的一些规范可能就会变成了不适用的/错误的,切忌生搬硬套。

开发时应更多的考虑代码的可读性,开发的便捷性, 团队成员的习惯等因素,而不是过于考虑性能问题。

关于命名
以英文字母开头,不能使用数字开头,不使用无意义的字母拼接,不使用拼音命名
文件/url资源的字母使用全小写,单词使用横杠-来分隔
压缩过的文件以.min.css、.min.js、[hash].css等后缀命名
只使用class添加样式,而不是id, id预留给js操作
js常量使用全大写以下划线间隔:const = MAIN_COLOR,js变量或方法以驼峰大小写方式命名: function getList () {}, let curPage = 'home'
js的命名避免与关键字/保留字/原生方法冲突。
命名词意的拼接顺序,尽量不超过3个词拼接,否则名字太长使用起来过于累赘。
class使用全小写,单词拼接以横杠或下划线间隔
class命名词意组成:模块+描述+操作
js命名词意组成:操作+模块
不推荐的文件命名格式

comScipt.js
comStyle.css
top_head.css
233-home.js
style-min.css
推荐的文件命名格式

com-scipt.js
com-style.css
top-head.css
home-233.js
style.min.css
推荐的css/function/变量的命名格式

  • {{ item.title }}

引入资源的协议 不要指定引入资源所带的具体协议

当引入图片、样式、脚本等静态文件时,不要带http://或https://协议,除非这两个协议都不可用

不推荐