本後台是公司某個項目的後台,之前已經做好了,又要基於原來的基礎上進行全新改版,我看了一下源碼后感覺腦殼疼。
腦殼疼有幾點:
1、三套UI框架混合在一起(Bootstrap3、LayUI1.9x、H+)
2、插件重複使用,多個版本Jquery混合在一起
3、使用JSP,代碼混亂,功能重複,沒有備註
光這三點腦殼一直在疼,還有後面發現的一堆問題。
解決方案:
1、採用Bootstrap框架,其他全部摒棄并刪除。
原因在於,後端人員對Bootstrap使用比較熟,能夠根據需求進行微量調整。
2、取出所有需要的插件,其他全部刪除,現在所用的是
- jQuery.dataTables.js v1.10.7
- jQuery DateTimePicker plugin v2.1.9
- Layer-v3.1.1
其他無用、重複的全部清除。
3、對所有功能、定制樣式寫上備註,需要注意點。
4、採用Flex彈性盒子+Rem,適應各種屏幕(最小寬度1200px),字體大小、顏色等採用SASS裡的變量,可一次性修改。
网友评论