CSS排序工具csscomb

本文探讨了CSS开发中遵循特定规则的重要性,包括样式排序、CSS3工具应用,以及JavaScript检查与模块化实践。介绍了CSS排序规则、CSS3辅助工具如Prefixr、autoprefixer等,同时涉及了JavaScript的JSLint、JSHint检查工具及CommonJS、AMD模块化方法。

一. 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

 

转载于:https://www.cnblogs.com/ry123/p/4752087.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值