目录
一、团队型注释
二、公有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、私有变量的值，可由参数传入，减少函数和私有变量的耦合度
网友评论