CSS排序工具csscomb

一. css寫久了之後感受須要按照某種規則或者說順序來,便於開發和維護.O(∩_∩)O哈哈~ 找到一個css

http://csscomb.com/html

CSS排序總結:html5

1. 對css樣式排序;css3

2. 按樣式屬性功能排序:web

      顯示與浮動  -->display,flowsublime-text

      定位  -->positionapi

      尺寸   -->width,height瀏覽器

      邊框相關屬性  -->margin,padding,bordercurl

      字體樣式  -->font異步

      背景  -->background

      其餘樣式  -->cursor,opacity

3. 在css編寫完並準備嵌入的時候排序;

4. 使用csscomb這個工具排序.

二. css3工具:  幫助生成具備兼容性的CSS3代碼;

   1. Prefixr   http://www.html5kit.com/tools/2016.html

   2. 自動添加前綴

            http://www.dbpoo.com/sublime-text2-autoprefixer/

   3.  http://api.html5please.com/

三. js檢查工具,啓用嚴格模式時推薦使用:  JSLint,JSHint (推薦);  webstorm能夠配置;

 

四. js模塊化, 通用的js模塊化主要兩種 CommonJS和AMD;

    CommonJS: 同步加載,更多的使用在Node.js等服務端;

    AMD: 異步加載, 更多的使用在瀏覽器環境; 實現AMD的庫主要有兩個,requireJS和curl

相關文章
相關標籤/搜索