搞定前端代码！一文了解HTML、CSS、JavaScript和Vue的规范指南

前缀规范

1. class命名

• class 必须单词全字母小写，单词间以 - 分隔（例如，.btn 和 .btn-danger）。
• 避免过度任意的简写。.btn 代表 button，但是 .s 不能表达任何意思。
• class 名称应当尽可能短，并且意义明确。

2. CSS命名规范(规则)常用的CSS命名规则

 头：header
 内容：content/container
 尾：footer
 导航：nav
 侧栏：sidebar
 栏目：column
 页面外围控制整体佈局宽度：wrapper
 左右中：left right center
 登录条：loginbar
 标志：logo
 广告：banner
 页面主体：main
 热点：hot
 新闻：news
 下载：download
 子导航：subnav
 菜单：menu
 子菜单：submenu
 搜索：search
 友情链接：friendlink
 页脚：footer
 版权：copyright
 滚动：scroll
 内容：content
 标签：tags
 文章列表：list
 提示信息：msg
 小技巧：tips
 栏目标题：title
 加入：joinus
 指南：guide
 服务：service
 注册：regsiter
 状态：status
 投票：vote
 合作伙伴：partner