- 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(){});