CSS排序工具csscomb

一. css写久了以后感觉需要按照某种规则或者说顺序来,便于开发和维护.O(∩_∩)O哈哈~ 找到一个

http://csscomb.com/

CSS排序总结:

1. 对css样式排序;

2. 按样式属性功能排序:

显示与浮动  -->display,flow

定位  -->position

尺寸   -->width,height

边框相关属性  -->margin,padding,border

字体样式  -->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