规范不是一成不变的，适合团队与个人就好，供参考

HTML篇

文档规范

使用HTML5的文档声明类型 <!DOCTYPE html> 来开启标准模式。
若不添加该声明，浏览器会开启怪异模式，按照浏览器自己的解析方式渲染页面，那么，在不同的浏览器下面可能会有不同的样式。

语义化

  1.   <!-- bad -->
  2.   <div id="header">
  3.     <div id="header-screen">
  4.       <div id="header-inner"></div>
  5.     </div>
  6.   </div>
  8.   <!-- good -->
  9.   <header>
  10.     <section>
  11.       <nav></nav>
  12.     </section>
  13.   </header>

lang属性

在sitepoint上可以查到 语言列表
微软上 语言列表

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   ...
  4. </html>

字符编码

我们统一使用 UTF-8 编码，避免乱码问题。

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="UTF-8" />
  5.     </head>
  6.   ...
  7. </html>

窗口 viewport

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="UTF-8" />
  5.         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.         <title>Document</title>
  7.     </head>
  8.     ...
  9. </html>

CSS篇

驼峰式命名法介绍

  • Pascal Case 大驼峰式命名法：首字母大写。eg：StudentInfo、UserInfo、ProductInfo
  • Camel Case 小驼峰式命名法：首字母小写。eg：studentInfo、userInfo、productInfo

文件资源命名

  • 文件名不得含有空格
  • 文件名建议只使用小写字母，不使用大写字母。( 为了醒目，某些说明文件的文件名，可以使用大写字母，比如README、LICENSE。 )
  • 文件名包含多个单词时，单词之间建议使用半角的连词线 ( - ) 分隔。
  • 引入资源使用相对路径，不要指定资源所带的具体协议 ( http:,https: ) ，除非这两者协议都不可用。 ```html // 推荐 // 不推荐： 
  2. <a name="W4GCz"></a>
  3. ## 变量命名
  5. - 命名方式 : 小驼峰式命名方法
  6. - 命名规范 : 类型+对象描述的方式，如果没有明确的类型，就可以使前缀为名词| 类型 | 小写字母 |
  7. | :---: | :---: |
  8. | function | fn |
  9. | boolean | b |
  10. | string | s |
  11. | object | o |
  12. | array | a |
  13. | int | i |
  17. ```javascript
  18. // 推荐
  19. var tableTitle = "LoginTable";
  20. // 不推荐：
  21. var getTitle = "LoginTable";

函数

  • 命名方式 : 小驼峰方式 ( 构造函数使用大驼峰命名法 )
  • 命名规则 : 前缀为动词 | 动词 | 含义 | 返回值 | | :—-: | :—-: | :—-: | | can | 判断是否可执行某个动作 ( 权限 ) | 函数返回一个布尔值。true：可执行；false：不可执行 | | has | 判断是否含有某个值 | 函数返回一个布尔值。true：含有此值；false：不含有此值 | | is | 判断是否为某个值 | 函数返回一个布尔值。true：为某个值；false：不为某个值 | | get | 获取某个值 | 函数返回一个非布尔值 | | set | 设置某个值 | 无返回值、返回是否设置成功或者返回链式对象 |

常量

  • 命名方法 : 全部大写
  • 命名规范 : 使用大写字母和下划线来组合命名，下划线用以分割单词。 ```javascript const MAX_COUNT = 10; const URL = “https://www.yuque.com/wuchendi/fe“;

```

真假判断

JavaScript以下内容为假：

  • false
  • null
  • undefined
  • 0
  • ‘’(空字符串)
  • NaN

writing….