分享10个优化代码的CSS和JavaScript工具


Posted in Javascript onMay 11, 2016

检查和测试代码来发现任何潜在错误,从而在放到网站上之前及时消除错误是一个非常重要的过程。代码检查的过程也俗称为是Web设计师 和开发者之间的linting。作为一个设计师,如果你想要写出高度优化的代码,那么你一定需要linting工具。有两种类型的代码检查工具。一种是在 执行时间检查代码中的错误和bug。另一种是使用静态代码分析技术并在执行前检查码。后者因为可以节省时间和麻烦显然更佳。

事实上,linting可以放在不同的阶段。如果你喜欢在敲代码的时候测试代码,那么你可以使用lint工具。当然,如果你想在保持文件的时候或执 行的阶段lint代码,那么linting工具也可以如你所愿。这取决于个人的选择。如果你正在找寻用于CSS和JavaScript最好的 linting工具,那么请继续阅读。

1.CSSLint

诚然CSSLint会“伤害你的感情”,但作为交换它会“让你的代码改进很多” 。CSSLint目前领导了CSS linting的市场。它用JavaScript编写,不但是开源的,而且自带大量的配置选项。

分享10个优化代码的CSS和JavaScript工具

2.SublimeLinter CSSLint

CSSLint是一次如此高效的CSS linting工具,以致于很难找到一个竞争对手可以与之媲美。也许这就是为什么 SublimeLinter linting框架会把它的CSS linting插件构建在CSSLint上面的原因。SublimeLinter是一个 SublimeText插件,给用户提供了lint代码(CSS,PHP,Python,Java,Ruby等)的手段。

分享10个优化代码的CSS和JavaScript工具

3.StyleLint

StyleLint可以帮助开发人员避免CSS、SCSS中或任何其他PostCSS可以解析的语法错误。StyleLint测试了超过一百条规则,你可以选择你想切换的那些规则(见此举例配置)。

分享10个优化代码的CSS和JavaScript工具

4.W3C CSS Validator

尽管W3C的CSS Validator通常不被认为是一种linting工具,但它为开发人员提供了一个用W3C官方标准检查CSS代码的很好机会。W3C建立它自己的验证程序,旨在提供一个类似于Lint程序检查器针对C语言的工具。

分享10个优化代码的CSS和JavaScript工具

5.Dirty Markup

Dirty Markup可以清理,格式化以及验证你的HTML、CSS和JavaScript代码。如果你喜欢简单直接的设计,并希望一个快捷的解决方案,那么选它就对了。当你在编辑器中编写或修改代码的时候,Dirty Markup可以实时抛出错误消息和通知。

分享10个优化代码的CSS和JavaScript工具

6.JSLint

JSLint最初由Douglas Crockford发布于2002年,从那时起就有了蓬勃的生命力,因此你可以安全地认定它是一个既稳定又可靠的JavaScript linting工具。

分享10个优化代码的CSS和JavaScript工具

7.JSHint

JSHint是一个社区驱动项目,始于竭力创造一个更可配置,不那么固执的JSLint版本。JSHint允许开发人员配置任何它的linting选项,然后把自定义的配置放到一个单独的文件中,这使得该工具很容易重复使用,因此非常适合大型项目。

分享10个优化代码的CSS和JavaScript工具

8.ESLint

ESLint是JavaScript linting宏图中最近的一件大事。之所以受欢迎是因为高度灵活的特性。你不仅可以自定义大量尖端的linting规则,将之与所有主要的代码编辑器集成,还可以很容易地通过添加不同的插件扩展其功能。

分享10个优化代码的CSS和JavaScript工具

9.JSCS

JSCS,或JavaScript Code Style,是针对JavaScript的一个可插拔的代码风格linter,用来检查代码格式规则。JSCS的目标是提供一个用编程方式实施遵从于某一 编码风格向导的手段。虽然JSCS不检查bug和错误,但它仍然为许多高科技行业的参与者,如谷歌、AirBnB和AngularJS所用,因为它可以帮 助开发人员保持一个高度可读又一致的代码库。

分享10个优化代码的CSS和JavaScript工具

10.StandardJS

StandardJS,或JavaScript Standard Style是一种代码风格linter,有点像JSCS,但区别是更为简单和直接。如果你不想花时间在配置上,只想要一个能开箱即用的高效工具的话,那么StandardJS是一个超棒的选择。

分享10个优化代码的CSS和JavaScript工具

译文链接:http://www.codeceo.com/article/10-css-javascript-linting-tool.html
英文原文:10 CSS and JavaScript Linting Tools for Code Optimization

Javascript 相关文章推荐
javascript编程起步(第五课)
Jan 10 Javascript
再谈javascript 动态添加样式规则 W3C校检
Dec 25 Javascript
我的javascript 函数链之演变
Apr 07 Javascript
eval的两组性能测试数据
Aug 17 Javascript
JQuery设置和去除disabled属性的5种方法总结
May 16 Javascript
两个数组去重的JS代码
Dec 04 Javascript
Javascript学习笔记之数组的遍历和 length 属性
Nov 23 Javascript
JavaScript实现复制或剪切内容到剪贴板功能的方法
May 23 Javascript
vuejs2.0运用原生js实现简单的拖拽元素功能示例
Feb 24 Javascript
JavaScript图像放大镜效果实现方法详解
Jun 28 Javascript
jquery实现简单拖拽效果
Jul 20 jQuery
在Vue中获取自定义属性方法:data-id的实例
Sep 09 Javascript
Bootstrap组件(一)之菜单
May 11 #Javascript
Bootstrap 组件之按钮(二)
May 11 #Javascript
jQuery验证插件validate使用详解
May 11 #Javascript
JQuery validate插件验证用户注册信息
May 11 #Javascript
jQuery validate验证插件使用详解
May 11 #Javascript
Jquery插件仿百度搜索关键字自动匹配功能
May 11 #Javascript
基于jQuery插件实现点击小图显示大图效果
May 11 #Javascript
You might like
测试php函数的方法
2013/11/13 PHP
PHP 二维数组根据某个字段排序的具体实现
2014/06/03 PHP
yii2.0使用Plupload实现带缩放功能的多图上传
2015/12/22 PHP
关于PHP定时发送服务的解决办法
2017/04/23 PHP
浅谈PHP中类和对象的相关函数
2017/04/26 PHP
PHP实现的防止跨站和xss攻击代码【来自阿里云】
2018/01/29 PHP
扩展String功能方法
2006/09/22 Javascript
超越Jquery_01_isPlainObject分析与重构
2010/10/20 Javascript
深入分析escape()、encodeURI()、encodeURIComponent()的区别及示例
2014/08/04 Javascript
javascript鼠标滑动评分控件完整实例
2015/05/13 Javascript
jQuery CSS3自定义美化Checkbox实现代码
2016/05/12 Javascript
解决easyui日期时间框ie的兼容的问题
2018/03/01 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
2019/10/25 Javascript
[06:21]2014DOTA2国际邀请赛 庆祝VG首阶段领跑;B叔为挣牛排半夜整理情报
2014/07/13 DOTA
[42:20]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python实现在pickling的时候压缩的方法
2014/09/25 Python
Python比较两个图片相似度的方法
2015/03/13 Python
Python对文件操作知识汇总
2016/05/15 Python
python PyTorch预训练示例
2018/02/11 Python
实例详解Matlab 与 Python 的区别
2019/04/26 Python
如何运行.ipynb文件的图文讲解
2019/06/27 Python
深入了解Python在HDA中的应用
2019/09/05 Python
win10环境下配置vscode python开发环境的教程详解
2019/10/16 Python
CSS3伪类选择器:nth-child()
2009/04/02 HTML / CSS
澳大利亚玩具剧场:Toy Playhouse
2019/03/03 全球购物
Shopbop中文官网:美国亚马逊旗下时尚购物网站
2020/12/15 全球购物
简述你对Statement,PreparedStatement,CallableStatement的理解
2013/03/25 面试题
优秀英语专业毕业生求职信
2013/11/23 职场文书
生产内勤岗位职责
2013/12/07 职场文书
冬季施工防火方案
2014/05/17 职场文书
2014年安全生产目标责任书
2014/07/23 职场文书
2014年敬老院工作总结
2014/12/08 职场文书
2015年店长工作总结范文
2015/04/08 职场文书
pytorch 梯度NAN异常值的解决方案
2021/06/05 Python
详解Go语言中配置文件使用与日志配置
2022/06/01 Golang
JavaScript圣杯布局与双飞翼布局实现案例详解
2022/08/05 Javascript