- HTML约定
- 所有的CSS引用在HEAD中，按照第三方优先的顺序排列，我们自己的CSS肯定在最下面
- 所有JS文件都引用在Body的最下面（加载的缘由），按照依赖顺序排序
- 如果只是使用bootstrap的样式的话，就不用引用js文件
- 在head中引入必要的CSS文件，优先引用第三方的CSS，方便我们自己的样式覆盖
- 在body末尾引入必要的JS文件，优先引用第三方的JS，注意JS文件之间的依赖关系，比如bootstrap.js依赖jQuery，那就应该先引用jquery.js 然后引用bootstrap.js
- 特殊情况：如果js文件是用于处理一些css样式的，那一般在head中进行引入
2 . CSS约定
- 除了公共级别样式，其余样式全部加模块前缀
- 尽量使用 直接子代选择器， 少用间接子代 避免选错
- CSS类名冲突 通过约定 给模块加上一个独一无二的名字
- 使用子代选择器的方式
3 . JS约定
- 不允许使用onxxx = function(){}的方式注册事件( 为了做兼容 )
- 原生JS统一使用addEventListener('xxx', function(){});
