在做网页的时候，常常需要实现圆角，以前的做法就是切图，现在就方便了，用css3里面的 border-radius 属性就可以直接实现。

四个值: 第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。
三个值: 第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角
两个值: 第一个值为左上角与右下角，第二个值为右上角与左下角
一个值： 四个圆角值相同

使用 CSS3 border-radius 属性，可以给任何元素制作 "圆角"。背景颜色、边框、背景图片等

1. 指定背景颜色的元素圆角：

2. 指定边框的元素圆角:

3. 指定背景图片的元素圆角:

border-radius 可以指定每个圆角。根据四个值来设定

一个值的话和上面的案例一样，四个角都相同

俩个值的话就是斜对角相同

第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角

第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。

一是减少网站维护工作量；
二是提高了网站的性能，少了对图片的 HTTP 的请求，网页载入速度将变快；

不要省略各个情况的分号

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

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

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

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

以下几种情况需要空格：

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

以下几种情况需要空行：

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

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

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

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

以下几种情况需要换行：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Smarty 前端模板注释规范

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

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

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

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

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

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

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

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

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

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