分享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
datePicker——日期选择控件(with jquery)
Feb 20 Javascript
jquerymobile checkbox及时刷新才能获取其准确值
Apr 14 Javascript
JS实现模仿微博发布效果实例代码
Dec 16 Javascript
JS获取网页属性包括宽、高等等
Apr 03 Javascript
javascript 小数取整简单实现方式
May 30 Javascript
javascript定义变量时带var与不带var的区别分析
Jan 12 Javascript
jQuery插件制作之全局函数用法实例
Jun 01 Javascript
require.js的用法详解
Oct 20 Javascript
如何高效率去掉js数组中的重复项
Apr 12 Javascript
Vue动态实现评分效果
May 24 Javascript
微信小程序云开发 搭建一个管理小程序
May 17 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下用rmdir实现删除目录的三种方法小结
2008/04/20 PHP
PHP文件上传问题汇总(文件大小检测、大文件上传处理)
2015/12/24 PHP
php仿微信红包分配算法的实现方法
2016/05/13 PHP
学习YUI.Ext 第二天
2007/03/10 Javascript
Jquery 复选框取值兼容FF和IE8(测试有效)
2013/10/29 Javascript
jquery+html5时钟特效代码分享(可设置闹钟并且语音提醒)
2020/03/30 Javascript
JQuery自适应窗口大小导航菜单附源码下载
2015/09/01 Javascript
玩转NODE.JS(四)-搭建简单的聊天室的代码
2016/11/11 Javascript
利用JQuery实现datatables插件的增加和删除行功能
2017/01/06 Javascript
详解vue-router 2.0 常用基础知识点之router.push()
2017/05/10 Javascript
将angular.js项目整合到.net mvc中的方法详解
2017/06/29 Javascript
react-router browserHistory刷新页面404问题解决方法
2017/12/29 Javascript
解决vue移动端适配问题
2018/12/12 Javascript
vue+element UI实现树形表格带复选框的示例代码
2019/04/16 Javascript
vue自动路由-单页面项目(非build时构建)
2019/04/30 Javascript
vue实现输入框的模糊查询的示例代码(节流函数的应用场景)
2019/09/01 Javascript
Vue.js组件props数据验证实现详解
2019/10/19 Javascript
jQuery实现倒计时功能完整示例
2020/06/01 jQuery
[57:16]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第二场
2014/05/26 DOTA
python encode和decode的妙用
2009/09/02 Python
将Django框架和遗留的Web应用集成的方法
2015/07/24 Python
Python中for循环和while循环的基本使用方法
2015/08/21 Python
Python爬虫抓取手机APP的传输数据
2016/01/22 Python
python、java等哪一门编程语言适合人工智能?
2017/11/13 Python
Python拼接微信好友头像大图的实现方法
2018/08/01 Python
Python numpy中矩阵的基本用法汇总
2019/02/12 Python
Python3实现的判断回文链表算法示例
2019/03/08 Python
教你一步步利用python实现贪吃蛇游戏
2019/06/27 Python
python字符串下标与切片及使用方法
2020/02/13 Python
PyTorch-GPU加速实例
2020/06/23 Python
Keras 中Leaky ReLU等高级激活函数的用法
2020/07/05 Python
布里斯班女装时尚品牌:Adrift
2017/12/28 全球购物
建筑经济管理专业求职信分享
2014/01/06 职场文书
给老婆大人的检讨书
2014/02/24 职场文书
Nest.js参数校验和自定义返回数据格式详解
2021/03/29 Javascript
Pandas||过滤缺失数据||pd.dropna()函数的用法说明
2021/05/14 Python