读书总结《Web前端开发修炼之道》

目录
一、团队型注释
二、公有or私有、分散or集中
三、标签语义化

---

一、团队型注释

// =====================
// 模块开头注释
// =====================

/**
* 大块注释
* 大块注释
**/

二、公有or私有、分散or集中

公有、分散，便于维护，但会增大前期开发难度；
私有、集中，则相反。

三、标签语义化

尽可能少用div、span等无语义标签。

四、代码分层

编写css、js前，根据以下规则分块编写，并加以命名：
1、base——通用型，所有项目可用，如minireset.css
2、common——组件型，本项目可用，如element-ui
3、page——页面型，只能适用于某个页面区域

五、class使用要点

1、尽量使用class选择器，代替其他选择器
2、多组合，少继承
3、class命名，应按照以下格式：
jdl-item-listFirst（jdl同事制定的、首列表的选项）

六、精灵图

使用精灵图，管理图片，甚至状态可变的图片（通过background定位框选）。

七、css hack

通过注释，识别当前IE浏览器版本，按需引入更好兼容性的样式文件。

八、hover伪元素

爱恨原则（love hate）

九、js命名空间

注册全局变量，轻松解决进行模块通讯

十、定义函数技巧

1、参数使用对象，提升灵活度（顺序、个数）
2、预留回调参数
3、私有变量的值，可由参数传入，减少函数和私有变量的耦合度