骆驼命名法
第一个字母要小写,后面的词的第一一个字母就要用大写,例如: studentInfo、navMenuRedButton
帕斯卡命名法
这种命名法同样也是大小写字母混编而成,和骆驼命名法很像,但和骆驼命名法有一点区,就是所有 单词的首字母都要大写,当然也包括第-一个单词:例如: StudentInfo、NavMenuRedButton
匈牙利命名法
在名称前面加上一个或多个小写字母作为前缀,来让名称更加好认,更容易理解,例如:
head navigation 、red navMenuButton;
页面模块的常用命名:
| 头部 | header |
|---|---|
| 导航 | nav |
| 菜单 | menu |
| 友情链接 | friendlink |
| 页面外围包裹 | wrapper |
| 子导航 | subnav |
| 子菜单 | submenu |
| 下载 | download |
| 页面主体 | main |
| 广告 | banner |
| 侧栏 | sidebar |
| 小技巧 | tips |
| 内容 | content |
| 标志 | logo |
| 栏目 | column |
| 滚动 | scroll |
| 页脚 | footer |
| 搜索 | search |
| 热点 | hot |
| 上一个 | prev |
| 下一个 | next |
| 版权 | copyrigth |
| 登录条 | loginbar |
| 新闻 | news |
BEM命名法
BEM的意思就是块(block) 、元素(element) 、修饰符( modifier) ,是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义。BEM命名约定更加严格,而且包含更多的信息,它们用于一个团队开发-一个耗时的大项目。
- BEM:块(block) 、元素( element) 、修饰符( modifier )
- block代表了更高级别的抽象或组件。
- block_ element 代表.block的后代,用于形成一个完整的.block的整体。
- block—modifier代 表block的不同状态或不同版本,用于修饰。
air-table{} /*块*/air-table__ footer{} /* 元素*/air-table--full{} /*修饰符*/
