分享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 相关文章推荐
学习ExtJS form布局
Oct 08 Javascript
Javascript 获取链接(url)参数的方法[正则与截取字符串]
Feb 09 Javascript
javascript算法学习(直接插入排序)
Apr 12 Javascript
jQuery判断一个元素是否可见的方法
Jun 05 Javascript
Javascript点击按钮随机改变数字与其颜色
Sep 01 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
Jan 22 Javascript
详解RequireJS按需加载样式文件
Apr 12 Javascript
微信小程序动态添加分享数据
Jun 14 Javascript
Fundebug支持监控微信小程序HTTP请求错误的方法
Feb 21 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
Sep 03 jQuery
js中apply和call的理解与使用方法
Nov 27 Javascript
深入解读VUE中的异步渲染的实现
Jun 19 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 数组的一个悲剧?
2011/05/11 PHP
xml在joomla表单中的应用详解分享
2012/07/19 PHP
PHP实现邮件群发的源码
2013/06/18 PHP
php调用nginx的mod_zip模块打包ZIP文件
2014/06/11 PHP
9条PHP编程小知识及易犯的小错误
2015/01/22 PHP
PHP几个实用自定义函数小结
2016/01/25 PHP
PHP实现上一篇下一篇的方法实例总结
2016/09/22 PHP
PHP查找一列有序数组是否包含某值的方法
2020/02/07 PHP
phpmyadmin在宝塔面板里进不去的解决方案
2020/07/06 PHP
js中的cookie的读写操作示例详解
2014/04/17 Javascript
$.each遍历对象、数组的属性值并进行处理
2014/07/18 Javascript
JQuery Mobile 弹出式登录框的实现方法
2016/05/28 Javascript
JS实现的表格行上下移动操作示例
2016/08/03 Javascript
js实现砖头在页面拖拉效果
2020/11/20 Javascript
vue2.0 中使用transition实现动画效果使用心得
2018/08/13 Javascript
vue的全局变量和全局拦截请求器的示例代码
2018/09/13 Javascript
JS尾递归的实现方法及代码优化技巧
2019/01/19 Javascript
微信小程序防止多次点击跳转(函数节流)
2019/09/19 Javascript
原生javascript单例模式的应用实例分析
2020/02/23 Javascript
javascript实现前端分页效果
2020/06/24 Javascript
[58:23]LGD vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python selenium 三种等待方式详解(必会)
2016/09/15 Python
Python 3.x基于Xml数据的Http请求方法
2018/12/28 Python
Django admin管理工具TabularInline类用法详解
2020/05/14 Python
Python爬虫headers处理及网络超时问题解决方案
2020/06/19 Python
django models里数据表插入数据id自增操作
2020/07/15 Python
使用PyCharm官方中文语言包汉化PyCharm
2020/11/18 Python
凯特王妃父母建立的派对用品网站:Party Pieces
2017/05/28 全球购物
小学一年级学生评语
2014/04/22 职场文书
债务追讨授权委托书范本
2014/10/16 职场文书
地震慰问信
2015/02/14 职场文书
初中班主任工作总结2015
2015/05/13 职场文书
红领巾广播站广播稿
2015/08/19 职场文书
小学信息技术教学反思
2016/02/16 职场文书
会议主持词通用版
2019/04/02 职场文书
Python基础详解之描述符
2021/04/28 Python