前端开发命名规范

1.html

2.css

• 1.CSS 属性书写顺序

  1. 布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式）

  2. 自身属性：width / height / margin / padding / border /background

  3. 文本属性：color / font / text-decoration / text-align / vertical-align / white-space / break-word

  4. 其他属性（CSS3 属性）：content / cursor / border-radius / box-shadow / text-shadow / background

• 2.Class 命名中（禁止）出现大写字母，（必须）采用” - “对 class 中的字母分隔

• 3.链接的样式顺序 a:link -> a:visited -> a:hover -> a:active

3.js

• 1.变量：必须采用骆驼峰的命名且首字母小写

• 2.常量：必须采用全大写的命名，且单词以_分割

• 3.类：必须采用骆驼峰的命名且首字母大写

4.vue

• 1. 组件命名为

5.图片

• 1.命名全部用小写英文字母||数字||_的组合，其中不得包含汉字||空格||特殊字符

• 2.运用 css 精灵图技术集中小的背景图或图标，减小页面 http 请求，但注意，请务必在对应的精灵图 psd 源图中划参考线，并保存至 img 目录下

• 3.所有页面元素类图片均放入 img 文件夹，测试用图片放于 demo 文件夹