前端开发中的一些命名规范

1. 文件资源命名

• 文件名不能有空格；
• 文件名建议只使用小写字母，不能使用大写字母。（为了醒目，某些说明文件的文件名可以使用大写字母，比如README，LICENSE）；
• 文件名包含多个单词时，单词之间建议使用半角的连词线（-）分隔；
• 引入资源使用相对路径，不要指定资源所带的具体协议（http：，https：），除非这两种协议都不可用。

2.CSS规范

1. id和class的命名
id和class的名称总是使用可以反映元素目的和用途的名称，或其他通用的名称，代替表象和晦涩难懂的名称。

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

CSS使用规范

• 属性值为0.3时，应改为.3
• 属性值为0时，不应该带单位；
• url（）不应该使用“”；

3.JS命名

• 函数和变量：小驼峰方式（handleLogin）；
• 类（es6）、构造函数：大驼峰命名法;
• 常量：大写+下划线（PRICE+MAX）；
• 私有变量：下划线+小驼峰（_this）；
• 获取值：get+小驼峰（getValue）；
• 设置值：set+小驼峰（setValue）。