前端命名规范

HTML：

HTML 属性应该按照特定的顺序出现以保证易读性。

• id
• class
• name
• data-xxx
• src, for, type, href
• title, alt
• aria-xxx, role

CSS：

连字符CSS选择器命名规范

　　

• class 应以功能或内容命名，不以表现形式命名；
• class 与 id 单词字母小写，多个单词组成时，采用中划线-分隔；
• 使用唯一的 id 作为 Javascript hook, 同时避免创建无样式信息的 class

JS:

命名

变量, 使用 Camel 命名法。

var loadingModules = {};

私有属性、变量和方法以下划线 _ 开头。

var _privateMethod = {};

常量, 使用全部字母大写，单词间下划线分隔的命名方式。

var HTML_ENTITY = {};

1. 函数, 使用 Camel 命名法。
2. 函数的参数, 使用 Camel 命名法。

function stringFormat(source) {}

function hear(theBells) {}

前端开发规范：https://www.w3cschool.cn/webdevelopment/