笔记 前端开发规范

CSS ET HTML

自闭合元素 img，input，br，hr

class id用-分隔，小写

块级元素 div，h，p，form

0px to 0

display: inline后不应该再使用 width、height、margin、padding 以及 float；

display: inline-block 后不应该再使用 float；

display: block 后不应该再使用 vertical-align；

display: table-* 后不应该再使用 margin 或者 float；

CSS 选择器是从右到左进行规则匹配，所以我们把最右边选择符称之为关键选择器

避免过多使用选择器

JS

变量, 使用 Camel 命名法。

私有属性、变量和方法以下划线 _ 开头

常量, 使用全部字母大写，单词间下划线分隔的命名方式

only 类,枚举变量使用pascal命名

不要在 Array 上使用 for-in 循环

for-in 循环只用于object/map/hash的遍历, 对Array用 for-in 循环有时会出错. 因为它并不是从 0 到 length - 1 进行遍历, 而是所有出现在对象及其原型链的键值。

避免不必要的 DOM 操作，浏览器遍历 DOM 元素的代价是昂贵的，最简单优化 DOM 树查询的方案是，当一个元素出现多次时，将它保存在一个变量中，就避免多次查询 DOM 树了。

缓存数组长度，循环无疑是和 JavaScript 性能非常相关的一部分。通过存储数组的长度，可以有效避免每次循环重新计算。

// Recommended - size is calculated only 1 time and then stored

for (i = 0, len = arr.length; i < len; i++) {

}

异步加载第三方内容 避免使用 jQuery 实现动画

工具箱。

选择第几个元素 http://nthmaster.com/

正则表达式图示 https://jex.im/regulex/#!flags=&re=%5E(a%7Cb%7Cc)*%3F%24