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