分享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 相关文章推荐
jquery imgareaselect 使用利用js与程序结合实现图片剪切
Jul 30 Javascript
支持ie与FireFox的剪切板操作代码
Sep 28 Javascript
JavaScript中的数学运算介绍
Dec 29 Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
Sep 11 Javascript
基于jQuery1.9版本如何判断浏览器版本类型
Jan 12 Javascript
微信小程序 本地数据读取实例
Apr 27 Javascript
js处理包含中文的字符串实例
Oct 11 Javascript
原生JS写Ajax的请求函数功能
Dec 22 Javascript
微信小程序页面生命周期详解
Jan 31 Javascript
javascript数组常见操作方法实例总结【连接、添加、删除、去重、排序等】
Jun 13 Javascript
简单了解JavaScript中的执行上下文和堆栈
Jun 24 Javascript
jquery+ajax实现异步上传文件显示进度条
Aug 17 jQuery
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笔记之:php数组相关函数的使用
2013/04/26 PHP
php实现执行某一操作时弹出确认、取消对话框
2013/12/30 PHP
php不使用插件导出excel的简单方法
2014/03/04 PHP
php生成高清缩略图实例详解
2015/12/07 PHP
PHP自动识别当前使用移动终端
2018/05/21 PHP
解决iframe的frameborder在chrome/ff/ie下的差异
2010/08/12 Javascript
原生Js实现按的数据源均分时间点幻灯片效果(已封装)
2010/12/28 Javascript
javascript实现获取字符串hash值
2015/05/10 Javascript
JavaScript取得WEB安全颜色列表的方法
2015/07/14 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
2015/08/11 Javascript
jQuery动画效果实现图片无缝连续滚动
2016/01/12 Javascript
JavaScript 拖拽实例代码
2016/09/21 Javascript
详解JS几种变量交换方式以及性能分析对比
2016/11/25 Javascript
漂亮实用的页面loading(加载)封装代码
2017/02/03 Javascript
Vue.use源码分析
2017/04/22 Javascript
Vue计算属性的使用
2017/08/04 Javascript
基于jquery实现左右上下移动效果
2018/05/02 jQuery
AngularJS ui-router刷新子页面路由的方法
2018/07/23 Javascript
解决vue-cli webpack打包开启Gzip 报错问题
2019/07/24 Javascript
JavaScript面向对象程序设计中对象的定义和继承详解
2019/07/29 Javascript
Angular处理未可知异常错误的方法详解
2021/01/17 Javascript
从Python的源码来解析Python下的freeblock
2015/05/11 Python
对TensorFlow的assign赋值用法详解
2018/07/30 Python
对numpy中数组转置的求解以及向量内积计算方法
2018/10/31 Python
pytorch下大型数据集(大型图片)的导入方式
2020/01/08 Python
Python函数基本使用原理详解
2020/03/19 Python
Python接口测试数据库封装实现原理
2020/05/09 Python
五款漂亮的纯CSS3动画按钮的实例教程
2014/11/21 HTML / CSS
简述数组与指针的区别
2014/01/02 面试题
医学生实习自我鉴定
2013/09/27 职场文书
园长自我鉴定
2013/10/06 职场文书
园林技术个人的自我评价
2014/02/15 职场文书
公司法人授权委托书范本
2014/09/12 职场文书
党员干部群众路线个人整改措施
2014/09/18 职场文书
2014年酒店工作总结与计划
2014/11/17 职场文书
内勤岗位职责
2015/02/10 职场文书