1.使用了bootstrap前端框架,使頁面佈局更加簡潔,提升了前端頁面的開發效率
主要用到的了bootstrap的刪格系統,模態框,還有一些小的屬性
還有就是頁面的佈局,必定要加強語義化,提升代碼的可讀性,
2.關於佈局的命名規範,
最好減小每個元素的類名定義,最好的方法就是給最外面的元素定義一個類名,而後裏面的不定義,使用css
元素查找器進行查找,定義下面元素的樣式。
3.關於表單,
能夠使用bootstrap自帶的一些表單的元素樣式,還能夠用html的一些表單元素,不過ie瀏覽器對h5的一些新的表單屬性,
支持性不是很好。
4.一些css3新元素的使用
:before :after transform等
5.瀏覽器的兼容,css hack瞭解和使用
有關css僞類的兼容,使用有插件,
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="../../../statics/js/bootstrap/selectivizr.js"></script>
<![endif]-->
對於一些css hack的瞭解和使用,針對不一樣瀏覽器的,
6.jquery實現頁面的交互和動態效果或邏輯判斷,
還有validate.js插件對錶單的驗證。
圖片懶加載插件,
圖片,文件上傳的插件
建立github帳號,總結本身的代碼案例,