【免费】3.海尔创吧前端开发CSS规范-V2.0（无敌整合版byG.Naix）1资源-CSDN文库

需积分: 0 97 浏览量 2022-08-04 13:25:15 上传评论收藏 608KB PDF 举报

资源详情

资源评论

资源推荐

海尔创吧前端开发

CSS 规范

版本编号:

文档作者：陆彦铭

更新日期：20170726

适用范围: 海尔创吧及资源方

目录 .............................................................................................................................................................. 1

1. 概述 ......................................................................................................................................................... 2

1.1. 规范说明 ...................................................................................................................................... 2

1.2. 核心思想 ...................................................................................................................................... 3

2. 命名规则 ................................................................................................................................................. 3

2.1. 项目命名 ...................................................................................................................................... 3

2.2. 目录命名 ...................................................................................................................................... 3

2.3. JS 文件命名 ................................................................................................................................... 4

2.4. CSS,SCSS 文件命名 ........................................................................................................................ 4

2.5. HTML 文件命名 ............................................................................................................................. 4

3. HTML ......................................................................................................................................................... 4

3.1. 语法 .............................................................................................................................................. 4

3.2. 注释 .............................................................................................................................................. 5

3.3. HTML5 doctype .............................................................................................................................. 5

3.4. lang 属性 ....................................................................................................................................... 6

3.5. 字符编码 ...................................................................................................................................... 6

3.6. IE 兼容模式 ................................................................................................................................... 7

3.7. 引入 CSS，JS ................................................................................................................................ 7

3.8. 属性顺序 ...................................................................................................................................... 8

3.9. Boolean 属性 ................................................................................................................................. 9

3.10. 标签语义化 ................................................................................................................................ 9

3.11. 嵌套 .......................................................................................................................................... 13

3.12. JS 生成标签 ............................................................................................................................... 13

3.13. 减少标签数量 .......................................................................................................................... 13

3.14. 表单 .......................................................................................................................................... 14

3.15. 模板 .......................................................................................................................................... 15

3.16. 图标 .......................................................................................................................................... 17

3.17. 杂项 .......................................................................................................................................... 18

3.18. 使用高于完美 ........................................................................................................................ 20

4. CSS，SCSS ............................................................................................................................................... 21

4.1. 缩进 ............................................................................................................................................ 21

4.2. 分号 ............................................................................................................................................ 21

4.3. 空格 ............................................................................................................................................ 22

4.4. 空格 ............................................................................................................................................ 24

4.5. 换行 ............................................................................................................................................ 25

4.6. 注释 ............................................................................................................................................ 26

海尔创吧前端开发

CSS 规范

版本编号:

文档作者：陆彦铭

更新日期：20170726

适用范围: 海尔创吧及资源方

4.7. 引号 ............................................................................................................................................ 26

4.8. 命名 ............................................................................................................................................ 27

4.9. 属性声明顺序 ............................................................................................................................ 28

4.10. 颜色 .......................................................................................................................................... 37

4.11. 属性简写 .................................................................................................................................. 37

4.12. 媒体查询 .................................................................................................................................. 38

4.13. SCSS 相关 ................................................................................................................................... 39

4.14. 选择器的权重及效率 .............................................................................................................. 40

4.15. 通用原子类 .............................................................................................................................. 42

4.16. 杂项 .......................................................................................................................................... 43

5. JavaScript ................................................................................................................................................ 46

5.1. 缩进 ............................................................................................................................................ 46

5.2. 单行长度 .................................................................................................................................... 46

5.3. 分号 ............................................................................................................................................ 46

5.4. 空格 ............................................................................................................................................ 47

5.5. 换行 ............................................................................................................................................ 49

5.6. 单行注释 .................................................................................................................................... 51

5.7. 多行注释 .................................................................................................................................... 52

5.8. 文档注释 .................................................................................................................................... 52

5.9. 引号 ............................................................................................................................................ 53

5.10. 变量命名 .................................................................................................................................. 53

5.11. 变量声明 .................................................................................................................................. 54

5.12. 函数 .......................................................................................................................................... 55

5.13. 数组、对象 .............................................................................................................................. 56

5.14. 括号 .......................................................................................................................................... 57

5.15. Null ............................................................................................................................................. 57

5.16. Undefined .................................................................................................................................. 58

5.17. Jshint .......................................................................................................................................... 59

5.18. 杂项 .......................................................................................................................................... 62

概述

1.1.

规范说明

此为前端开发团队遵循和约定的代码书写规范，意在提高代码的规范性和可维护性，降低维护代码

的成本以及改善多人协作的效率，确保页面性能得到最佳优化和高效的代码。

编写本文档的主要驱动力是两方面： 1. 代码一致性以及 2. 最佳实践。通过保持代码风格和传