不要省略各个情况的分号

字符串统一使用单引号 ‘’

• 使用有意义的命名，默认使用小驼峰式命名（某些参数因数据库设计的原因，也可使用大驼峰，主要参照接口文档）
• 'ID' 在变量名中全大写
• 'URL' 在变量名中全大写
• 'Android' 在变量名中大写第一个字母
• 'iOS' 在变量名中小写第一个，大写后两个字母
• 常量全大写，用下划线连接
• 构造函数，大写第一个字母

以下几种情况不需要空格：

• 无论是函数声明还是函数表达式，'(' 前不要空格

以下几种情况需要空格：

• 三元运算符 '?:' 前后
• 单行注释 '//' 后（若单行注释和代码同行，则 '//' 前也需要），多行注释 '*' 后
• for 循环，分号后留有一个空格，前置条件如果有多个，逗号后留一个空格
• 无论是函数声明还是函数表达式，'{' 前一定要有空格

以下几种情况需要空行：

• 变量声明后（当变量声明在代码块的最后一行时，则无需空行）
• 注释前（当注释在代码块的第一行时，则无需空行）
• 代码块后（在函数调用、数组、对象中则无需空行）

换行的地方，行末应有 ',' 或其他运算符 

换行时需要缩进，但多次换行不需要继续缩进

以下几种情况不需要换行：

以下几种情况需要换行：

简化变量的声明，避免多个连续的 var  let 声明

简单的条件语句应该转换为对象映射，使用字面量声明而不是实例化声明

对象属性名默认不加引号，如果必要（属性名带中划线 - ）时加引号，需要保持统一

对象以缩进的形式书写，不要写在一行（ES6的解构视情况而定，但一行也不宜过长）

等，应该统一使用括号包裹成块，即使只有一行

不要直接使用 undefined 进行变量的判断

这里不包括使用 == 的类型转换

短路断路和三目仅在简单的逻辑里使用，避免嵌套负杂的多层，且应添加适当的注释说明

如果不设置，需要写明注释

jQuery的链式调用分层应换行缩进

尽量使用函数声明，而不是函数表达式

关于字符串，HTML元素的拼接

注意换行和缩进，拼接HTML的时候注意性能，ES6环境中应该使用模板字符串

如果设置全局变量，变量名应带有”全局“相关的字样

好的注释不仅能够表达”是什么“，还能表达”为什么“

注释独占一行，置于代码上方，左右闭合前保留一个空格

对于模块（或者某个代码块）注释，需要增加 首（S）尾（E）标识，模块之间相隔一行

Smarty 前端模板注释规范

当需要注释不执行某个Smarty部分时，需要遵循Smarty的注释规则（建议首尾独占一行，注释的文字在首行之后，与 <{* 间隔一个空格，如下）

注释以字符 /* 开始，以字符 */ 结束，左右闭合前保留一个空格，建议一行注释

也可在一行代码后面，注意与代码间有空格

使用双斜线 // ，双斜线后带一个空格，双斜线与下一行缩进一致

可位于代码行的末尾，需与代码间隔一个空格

建议在难以理解的代码块，逻辑性强，特殊处理的地方使用

 JSDoc用于根据规范的JS注释自动生成对应的API文档，如果不需要生成文档，只需遵循以下常用规范

注释前要空一行，建议在所有函数，类，常量中使用

JSX其实只是JS的语法糖，所以注释类似JS

内容来源于网络如有侵权请私信删除

　　W3C标准中，倡导有3：其一为内容与表现分离，其二为内容与行为分离，其三为内容结构的语义化。其倡导中第一条的“表现”指的便可以说是CSS。CSS全称Cascading StyleSheets，中文名为层叠样式表，是一种用来表现HTML等文件样式的计算机语言。

　　　　写法：HTML标签名

　　　　作用：可以选中页面中，所有与选择器同名的HTML标签。

　　2、类选择器　　　　

　　　　调用：在需要调用选择器样式的标签上，使用class="class名"调用选择器。
　　　　优先级：类选择器大于标签选择器 。两个起冲突时，优先级高的生效

　　　　写法：#id名{}

　　　　调用：需要调用样式的标签，起一个id="ID名"

　　　　优先级：id选择器大于class选择器

　　　　注意：整个页面中，不能发出现同名ID

　　　　　　【class选择器与ID选择器的区别】

　　　　　　1、写法不同：class选择器用.声明，ID选择器用#声明。
　　　　　　2、优先级不同：ID选择器>class选择器。
　　　　　　3、作用范围不同：class选择器可以多次调用，ID选择器只能使用一次。

　　　　作用：可以选中页面中所有的HTML标签。

　　　　优先级：最低！！！

　　　　　　写法：选择器1，选择器2，……，选择器n{}

　　　　　　生效规则：多个选择器取并集，只要标签满足其中任意一个选择器，样式即可生效。

　　　　　　写法：选择器1选择器2……选择器n{}  所有选择器紧挨着，没有分隔

　　　　　　生效规则：多个选择器取交集，则必须满足所有选择器的要求，才能生效。

　　　　　　写法：选择器1 选择器2 …… 选择器n{}  选择器之间有空格间隔

　　　　　　生效规则：只要满足，后一选择器是前一个选择器的后代，即可生效。（后代包括子代、孙代、重孙代。。。）通俗的讲：只要后一个选择器，在前一个选择器里面即可。

　　　　　　生效规则：必须满足，后一个选择器是前一个选择器的直接子代，才能生效。（中间不能间隔人和标签）。

　　1、优先级的权重问题

　　　　　　1、css生效的第一原则是：近者优先！！即，哪个选择器作用于最里层标签，则这个选择器生效。
　　　　　　2、当选择器作用于同一层时，可以根据优先级权重，进行累加计算：
　　　　　　　　注意：并集选择器，相当于多个选择器拆开写，所以，并集选择器优先级不能累加。
　　　　　　3、当选择器作用于同一层，且优先级权重相等时。则，写在最后选择器生效。

　　2、引入css的三种方式

　　　　　　1、行内样式表：直接在HTML标签中，使用style=""的方式引用；

　　　　　　　　优点：使用灵活，优先级权重最高；
　　　　　　　　缺点：不符合w3c关于内容与表现分离的要求；不利于样式复用；
　　　　　　　　特点：一定程度的实现了HTML与css的分离，但是分离不够彻底，没有办法多页面公用样式。
　　　　　　3、外部样式表：将css单独写入css文件中，并与HTML文件关联。
　　　　　　　　优点：彻底实现HTML与css的分离，符合w3c规范，有利于多页面复用统一样式；

　　3、导入css文件的两种方式

特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有