优大网

标签存档: 工具

5款工具助你写出更好的Java代码

摘要:工欲善其事,必先利其器。一名优秀的开发者手里肯定握着不少秘密武器,本文开发者分享了他在开发Java项目时,所用到的5款有助于提高代码质量的工具。

作者在IDR解决方案中,一直寻找方法来编写出更好的代码,后来他们发现,通过使用一些工具使用好的工具不仅可以提高代码质量,还可以提高开发人员的工作效率。在本文,作者将介绍5款在IDR解决方案的(开发语言为Java)中,最常用也最实用的工具给Java开发人员,希望它们帮你开发出更好的代码。

1.FindBugs

顾名思义,FindBugs是一款帮助开发者发现bug的工具,它是一个开源项目,遵循GNU公共许可协议,运行的是Java字节码而不是源码。

它是一款静态分析工具,它检查类或者JAR文件,将字节码与一组缺陷模式进行对比来发现可能存在的问题,这些问题包括空指针引用、无限递归循环、死锁等。

FindBugs在发现错误后,会进行等级划分,它把发现的错误分为四个等级:

 

  1. scariest(恐怖的)
  2. scary(吓人的)
  3. troubling(令人困扰的)
  4. of concern(值得关注的)

 

FindBugs是一个独立的GUI应用程序,有多种使用方式,可以作为Eclipse、NetBeans、IntelliJ IDEA插件使用,也可以从命令行、Ant、Maven使用。

2.Apache Ant

Apache Ant是由Apache软件基金会所提供的一款开源软件,是一个将软件编译、测试、部署等步骤联系在一起加以自动化的一个工具,主要用于Java环境中进行软件开发,它还可以用于构建C或C++应用程序,也可以针对目标任务运用在多种软件开发过程上。

Apache Ant有大量商用或开源的“antlibs”供大家使用,它非常灵活,因为他对编码约定或目录布局都是没有任何限制的。Apache Ant被广泛运用在各种Java IDE环境中,如Eclipse、NetBeans、IntelliJ IDEA等。

3.JProfiler

JProfiler是一个商业授权的Java剖析工具,由EJ技术有限公司开发,主要是针对Java EE和Java SE应用程序使用。它把CPU、内存和线程分析析组合在一个强大的应用中,从而可以用来分析性能瓶颈、内存泄漏、CPU负载以及线程问题。

JProfiler支持多种剖析模式:本地会话实时分析模式、远程会话实时分析模式、离线分析模式、快照比较、查看HPROF快照。此外,JProfiler既可以作为单独的应用程序使用,也可以作为一个插件使用,也可以在Adobes Coldfusion和Glassfish中作为应用服务器集成的一部分。

4.Bash

全称是Bourne-Again SHell,发布于1989年。它是一个Unix shell或命令式语言解析器,它作为GNU项目,是Bourne shell的一个免费替代。它在GNU操作系统上作为shell被广泛运用,它已是大多数Linux系统以及Mac OS X v10.4默认的shell,它能运行于大多数Unix风格的操作系统之上,甚至被移植到了Microsoft Windows上的Cygwin系统中,以实现Windows的POSIX虚拟接口。此外,它也被DJGPP项目移植到了MS-DOS上。

它通常被用作一个命令处理器,通常运行在一个文本窗口,它还可以从文件中读取各种命令、支持通配符的文件名、piping、命令替换、变量、控制结构等用来进行条件或迭代测试。

5.Sonarqube

Sonarqube是一个开源平台,是一款代码质量管理和环境搭建工具。它目前支持25种以上语言,包括Java、C/C++、C#、PHP、Flex、JavaScript、Python、PL/SQL、COBOL等,此外,它还可以作为Android开发的一部分。

它提供了完全自动化的分析工具,并且可以与Maven、Ant、Gradle和其它集成工具很好地集成,也可以与Java IDE进行很好的集成。它还可以用于报告重复的代码、编码标准、单元测试、代码覆盖率、复杂的代码、潜在的bug、评论、设计和架构。

来自:IDR solutions

http://www.csdn.net/article/2013-09-06/2816856-5-tools-to-help-you-write-better-Java-Code

2012年度最佳Web前端开发工具和框架

http://www.csdn.net/article/2013-01-02/2813378-Web-Tool

摘要:技术的快速发展让很多人学习起来无所适从,幸运的是,很多优秀的 Web 开发人员和设计人员在努力寻找各种有特色的解决方案。 因此,我们有了很多优秀的小工具和库,每一个都是用来解决特定的问题或维护一组特定的项目。

2012年,Web 开发领域继续在快速的发展,HTML5 仍然在展示其跨平台的优越性,CSS3 被人们更多的应用到实际项目中,响应式设计(Responsive Design)技巧也被人越来越多的人熟知和使用。

这篇文章收集了2012年度新发布的最具有代表性 Web 前端开发工具和框架,这是一个非常值得收藏的工具列表,从功能全面的 IDE 到美观、充满异国情调的小框架,小工具等等。他们能够帮助你降低 Web 开发过程中的复杂度,节省时间和精力。

01.Foundation 3

响应式设计(Responsive Design)似乎瞬间就发展起来了,各个网页设计的论坛或者社区都会讨论这个话题,大家都想知道如何实现响应式设计,有什么框架或好的解决方案。

Foundation 3,由 ZURB 公司开发,号称世界上最先进的响应式前端框架。利用灵活的网格系统可以快速设计出页面布局。更妙的是,网格可以是你所需要的任何尺寸,它很容易适应各种尺寸的屏幕。

Foundation 3 makes great claims and even lives up to some of them

02.Proto.io

Proto.io是一个新的界面原型设计工具,专门针对移动应用程序。基于 Web 的在线环境,可以让你制作流行的 iPhone,iPad,Android 手机或平板电脑,以及任何带有屏幕界面的设备的原型项目。

在设计了一些界面后,你通常会期望能够把页面交互性的链接起来,Proto.io 做到了这一点。它也支持所有你可能想到的触摸手势,以及幻灯片、翻转和淡入淡出动画,使用简单,而且可以免费使用。

Thanks to Proto.io that game is going to be a smash, probably

03.Fontello

为什么这么难找到一组涵盖所有的基础功能的外观一致的图标?

不用再困惑了,Fontello不仅拥有所有你需要的图标,而且你可以挑选并选择你所需要的字形,并编译成自己需要的一套。 当然,您也可以从GitHub下载整个的图标集。该项目是开源的,糕富帅们捐几刀吧,不胜感激。

Fontello allows you to pick and choose your icon sets from its collections

04.Bugherd

与普遍的看法相反,推出一个新的网站对于开发团队来说工作还远远没有结束。

BugHerd提供了一个整洁,组织良好的方式来处理反馈,Bug 修复和功能要求。不需要繁杂的电子邮件反馈方式,只需要在网站中包含一个简单的 JavaScript 文件,该网站的访问者就可以通过反馈按钮提交意见和建议。BugHerd 提供了一个友好,直观的界面来管理整个事情。

Adding tasks is super-easy with BugHerd

05.Sencha Touch 2

毫无疑问,移动触屏设备的流行给Web开发带来了巨大的影响。

Sencha Touch是一个基于 HTML5 的移动应用开发框架,致力于吸引HTML5开发者使用Sencha Touch构建在iPhone、Android和BlackBerry等设备上运行的移动Web应用,这些应用效果看起来如同本地应用。改进的API,完善的文档和教程资料以及可靠的本地集成让 Sencha Touch 2成为强有力的移动框架竞争者。

06.Dreamweaver CS6

Dreamweaver是经典的网页制作软件,最新发布的Dreamweaver CS6新增了HTML5和CSS3编码支持;jQuery移动和Adobe PhoneGap框架的扩展支持可协助您为各种屏幕、手机和平板电脑建立项目;集成了Adobe Business Catalyst、FTPS、FTPeS 支持、Adobe Creative Suite、Adobe BrowserLab等众多功能。

Even with all the bells and whistles Dreamweaver CS6 has a certain poise

07. Cloud9 IDE

Cloud 9是基于NodeJS构建的在线集成开发环境,语法高亮支持 C#, C++, Python, Perl, Ruby, Scala 等等众多常用开发语言。

内置的Vim模式非常好用,支持流行的版本控制系统,像Git,Mercurial和SVN,另外它还有非常强大的插件系统,可以拓展其功能,例如借助CSSLint和JSBeautify,Cloud9就可以变成一款非常实用的代码美化工具。

Cloud9 gives you and your cohorts with a unified, code anywhere environment

08.Adobe Edge Inspect

Edge Inspect是一款对移动开发者非常有用的工具,其前身是Adobe Shadow,用于帮助设计师和开发者同时在多个移动设备上预览应用设计,发现和解决跨平台问题。

只需要把你的设备(Android和iOS)和你的电脑连接起来,这时候你的网站就会在各个设备上同步显示,让检查和调试变得更有效,并可以让设计师同时看到每个版本在所有目标设备上的显示情况。

Edge Inspect just takes a couple of clicks to set up once you have all the downloads - browser, desktop and mobile

09.Adobe Brackets

你可能会觉得现在代码编辑器已经是琳琅满目了,而且这些编辑器都很相似,没有什么可创新的了。Brackets让我们知道,其实在编辑器领域还是有很多功能可以去探索的。Brackets是Adobe的开源HTML、CSS和JavaScript集成开发环境。Brackets提供Windows和OS X平台支持。

Brackets的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等,Brackets值得你试试。

HTML/CSS/JS Brackets makes them feel newly detailed and responsive

10.Modernizr 2.6

Modernizr是一个开源的JavaScript库,用于检测用户浏览器的HTML5和CSS3特性。它使得那些基于用户浏览器的不同(指对新标准支持性的差异)而开发不同级别体验的设计师的工作变得更为简单,让Web开发人员可以在现代浏览器中充分利用HTML5和CSS3的那些先进的特性进行开发,同时又不会牺牲其它不支持这些新技术的浏览器的控制。

Front end development tool with a serious pedigree

11.Sublime Text 2

如果你想体验流畅编写代码的快感,赶紧试试Sublime Text 2 吧!

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,多重选择,快捷命令等。还可自定义键绑定,菜单和工具栏。Sublime Text的主要功能包括:拼写检查,书签,完整的Python API,Goto功能,即时项目切换,多选择,多窗口等等。

Sublime Text是一款跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。Sublime Text 2是收费软件,但目前可以无限期试用。

12.PhoneGap 2.0

PhoneGap是一个免费开源的开发框架,让Web开发人员能够使用熟悉的HTML,CSS和JavaScript构建跨平台的移动本地应用。

通过PhoneGap框架提供的JavaScript API能够以非常简单的方式调用移动设备的核心功能,包括地理位置,摄像头,加速器,通讯录,多媒体,文件和网络等功能。

借助PhoneGap,你完全可以使用熟悉的Web开发技术写出移动Native App,并发布到Apple Store,Google Play等各平台应用商店中。编写好的代码可以上传到云端服务器,使用云端编译功能编译成各种平台下的应用,支持iOS,Android,Palm WebOS,Symbian,Blackberry,Windows Phone和Bada七大平台。

HTML5 + CSS3 + Javascript = native mobile apps

13.Emmet

Emmet项目的前身是前端开发人员熟知的Zen Coding,一种提供快速编写HTML/CSS代码的方法。和一般的编辑器中使用的“代码片段”概念不同,Emmet使用动态的类似CSS表达式的语法来生成代码,这意味着你不需要自己去编辑并创建固定的代码片段,大大的提高了代码编写效率。

Emmet结合优秀的编辑器使用,可以让你代码飞起来!支持的编辑器包括:

14.Yeoman

Yeoman提供了一套强大的工具、库和工作流,可以帮助开发人员快速构建出漂亮的、引人注目的Web应用。Yeoman的主要特色:

  • 闪电般搭建出框架(使用能够自定义的模板(例如:HTML5 Boilerplate、Twitter Bootstrap 等)、AMD(通过 RequireJS)以及其他工具轻松地创建新项目的框架。);
  • 自动编译 CoffeeScrip & Compass——在代码改动的时候,Yeoman 的 LiveReload 监视进程会自动编译源文件并刷新浏览器,而不需要你手动执行;
  • 自动校验脚本——脚本会自动运行 jshint 校验,以确保他们遵循语言的最佳实践;
  • 内建预览服务器——不需要启动自己的 HTTP 服务器,内置的服务器用一条命令就可以启动;
  • 高效的图像优化——Yeoman 使用 OptPNG 和 JPEGTran 对所有图像做了优化,提供页面加载速度;
  • 生成 AppCache 清单——Yeoman 会为你生成应用程序缓存的清单,你只需要构建项目就好;
  • 杀手级的构建过程——Yeoman 为你自动化完成了大部分的工作,帮助你节省大量时间和精力;
  • 集成包管理——你可以通过命令行轻松地查找新的包,安装并保持更新,而不需要你打开浏览器;
  • 支持ES6模块语法——可以使用最新的ECMAScript 6模块语法来编写模块,不过还是一种实验性的特性,它会被转换成ES5;
  • PhantomJS单元测试——使用PhantomJS轻松运行单元测试。创建新的应用程序的时候,它还会为你自动创建测试框架;

 

Yeoman provides a friendly interface to the most up to date development techniques

15.TypeCast

TypeCast让你可以从Fonts.com、TypeKit、FontDeck和Google这些字体供应和商选择字体,而且能非常方便的比较这些字体使用效果。如果你想获得用户对这些字体效果的反馈,只需要发布一个URL就可以了。这样,无需实际购买的字体,直到你已经决定在最终的解决方案。

由于网页字体的巨大飞跃,排版正在成为网页设计师工作中一项越来越重要的内容。但是,实际的情况是数以千计的字体让设计师需要花大量的时间和精力去选择,而 TypeCast 正是为了解决这个问题的。

Typesetting the web as it should be done

16.Gridset

Gridset让你可以非常轻松的添加列,定义比例和设置间隔,而不用考虑背后的数学计算。

网格系统正逐渐成为网页设计的焦点,和印刷排版有点类似,但是要复杂很多。网页的网格系统需要更加灵活,更加响应性。但是网格系统的计划和规划是件困难的事情,Gridset可以让你轻松的使用网格系统。

17.Microsoft WebMatrix 2

WebMatrix是一个全新的Web开发平台,区别于现有的开发平台,WebMatrix的特点是一站式和简化的开发过程,提供一种简单、一体化的建站方案。

它提供了网站所需的所有工具:Web Server、数据库、Web框架和开发环境。其主要组件包括了轻量级Web serve IIS Developer Express;轻量级基于文件的数据库SQL Server Compact Edition;轻量级开发环境ASP.NET “Razor”。

WebMatrix has excellent manners, helping when needed, or just staying out of the way

18.Trello

Trello是由著名的软件工程师Joel Spolsky开发的一个团队协作平台,在今年的TechCrunch Disrupt大会上正式发布。运行和管理一家公司,最困难的事情莫过于追踪大家的工作状况,因此他开发了Trello 来解决这个难题。任何行业中的任何人都可以使用Trello团队工作系统。

其他的项目管理系统都是以开发者为中心的,过于复杂,对普通用户缺乏吸引力,Trello则为各种流程设计,既可以当做公司的协作工具,也可以当做个人的列表管理工具。

Make sense of the big picture with Trello's boards

19.Firefox 18

Firefox拥有众多强大的开发工具插件,成为Web开发人员必备可少的调试工具,从Firefox 18开始,Mozilla将正式开启开发长达1年之久的的新一代JavaScript引擎——IonMonkey,不仅能大幅提高Firefox的JavaScript性能,还能提高浏览器的安全性及其他性能。

最新版本增加对于OSX 10.7+ 超高分屏和和WebRTC的支持;使用了新的HTML拉伸算法,提高了图片质量;实现了CSS3 Flexbox;实现 W3C 标准的触摸实现,替代了MozTouch实现;实现新的DOM属性Window.devicePixelRatio;通过智能化处理签名扩展的认证来提高启动速度。

Firefox makes sense of the tangled web

20.Photon

Photon是一个非常有趣的项目,为立体空间中的DOM元素添加光照效果的JavaScript库,结和CSS3变换(Transform)实现。

作者Tom Giannattasio提供了三个例子,包括一个非常好的纸鹤的效果展示,你可以移动鼠标进行旋转,下面提供的Photon效果切换按钮可以让你体验两种状态下的差异。

来自:梦想天空的博客

20款非常实用的Web工具和资源列表

http://www.csdn.net/article/2013-04-22/2814991-20-useful-tools-and-resources-for-Web-designers

摘要:对Web工程师而言,掌握一些优秀的工具不仅可以让开发工作事半功倍,而且还能增强自身实力,触类旁通。本文整理和收集了20款非常实用的资源列表,它们能够帮助你降低Web开发过程中的复杂度,节省时间和精力。

1.Niice

Niice本质上是一个设计搜索引擎,其结果来源于Designspiration 、Behance、Dribbble。搜索示例:black and white script lettering

2.Pixel Dropr

Pixel Dropr是PhotoShop的一款插件,由UI Parade公司设计开发,是一个集成了图标、插图、照片、按钮等设计元素的工具面板,用户可以轻松地将设计元素从Pixel Dropr的面板上拖拽到任何PSD文件中。

3.Designer News

Designer News是一款强调设计的新兴工具。

4.Firefox’s Font Inspector

Font Inspector是Firefox在DevTools里新添的一款typography-centri工具,点击查看更多详细介绍。

5.Cloud Comp

Cloud Comp是由Cloud APP提供的一款轻量级工具,设计师可以使用它与客户共享APP和网站排版。点击查看更多详细介绍。


6.Sidebar.io

Sidebar是一个网站,在它的页面上每天都会提供5个最好的设计链接给大家。

7.BLOKK

BLOKK是一款由破折号组成的字体,可用于快速建立原型图与线框,点击查看更多详情。

8.What’s My Browser Size?

顾名思义,What’s My Browser Size?是一款显示当前浏览器窗口尺寸的Web应用。

9.Intuitive Color Picker

Intuitive Color Picker是一款取色器。同类型的应用有0 to 255Colllor

10.Timehub

11.Helvetica vs Arial

字体排版在Web设计中扮演着非常重要的角色,许多设计师对一些相似的字体很难知道它们的区别,比如 Helvetica和Arial。该资源将不仅能很好地测试你们的技能,并有助于区分这两种字体。

12.HEX to RGB Converter

这是一个非常小的网站,把HEX转换成RGB代码。推荐尝试Colorrrs

13. PlaceIt

PlaceIt是一个简单的拖放工具,可以让你在几秒钟内生成非常逼真的产品截图。

14.Heyoffline.js

这是一个JavaScript插件,当网络设备下滑时,会通知用户保存信息,以免数据丢失。另外推荐Garic.js插件,用于存储本地表单数据。

15.Keynote/PowerPoint for UX Tests

Keynote是Google Ventures团队的首选工具,用于构建功能模型,并且非常实用。

16.Alfred Workflows

如果你是Alfred用户,可以查看这款CSS颜色转换流程。

17.PLTTS

PLTTS(读作Pallets),是一款为项目确定颜色的工具。

18.Chardin.js

Chardin.js是一个jQuery插件,可以为Web应用程序提供简单的叠加式说明(overlay-style instructions),点击查看特效。

19.Mincss

Mincss是一款垃圾清除器,通过查找和删除选择器可以清除CSS中的“垃圾”

20.CSSCSS 

CSSCSS与Mincss类似,通过解析CSS文件来解释一些规则和重复使用的声明。

英文来自:TNW

常用前端开发工具合集

最流行的前端开发工具

2.HttpWatch http://www.httpwatch.com/
集成在IE和Firefox上的监听HTTP和HTTPS的工具

3.Fiddler http://www.fiddler2.com/fiddler2/
Fiddler是一个记录你电脑和网络之间所有HTTP(S)请求的网络调试代理

4.HttpFox https://addons.mozilla.org/eu/firefox/addon/6647?lang=en-US
和HTTPWatch很类似的一个工具

5.Yslow http://developer.yahoo.com/yslow/
Firebug的一个扩展,可以根据高性能网站的一些准则来分析网页并且提出建议来提高网站的性能

6.Css Usage https://addons.mozilla.org/zh-CN/firefox/addon/10704
Firebug的一个扩展,可以用来察看哪些CSS被用到了

7.VIM http://www.vim.org/
一个高级的文本编辑工具,是在UNIX系统上面VI编辑器的升级版本

8.Editplus http://www.editplus.com/
Windows系统上的一个好用的文本编辑器

9.DNS Flusher https://addons.mozilla.org/en-US/firefox/addon/7408
Firefox上的一个附加组件,当HOST文件改变时可以很快地更新页面而不需要重启浏览器

10.PageSpeed http://code.google.com/intl/zh-CN/speed/page-speed/
Page Speed 是开源 Firefox/Firebug 插件。网站管理员和网络开发人员可以使用 Page Speed 来评估他们网页的性能,并获得有关如何改进性能的建议

11.Dust-me Selectors https://addons.mozilla.org/zh-CN/firefox/addon/5392
Firefox上的一个附加组件,可以找出没有用到的CSS选择符

12.Myspace Performance Tracker http://msfast.myspace.com/
Myspace的性能分析工具, 可以分析到页面渲染的各个阶段的时间、CPU和内存的消耗情况,只使用于IE中

13.YUI Compressor http://developer.yahoo.com/yui/compressor/
用java写的一个代码压缩工具,使用方法: java -jar yuicompressor-x.y.z.jar [options] [input file]

14.JS Beautifier http://jsbeautifier.org/
在线JS格式化工具

15.JSLint http://jslint.com/
在线JS校验工具,使用请注意“JSLint will hurt your feelings.”

16.JSCompress http://jscompress.com/
在线JS压缩工具

17.JSMin http://www.crockford.com/javascript/jsmin.html
JS压缩工具

18.HTML2Javascript http://accessify.com/tools-and-wizards/developer-tools/html-javascript-convertor/
HTML到JavaScript转换器获得置标并将它转换成一系列可以在JavaScript块中使用的document.write()申明

19.Web Developer https://addons.mozilla.org/da/firefox/addon/60?lang=zh-CN
Firefox的一个附加组件,给Firefox增加了一个菜单以及工具栏,里面包含了很多开发工具

20.JS Regexp Generator http://www.jslab.dk/tools.regex.php
一个制作正则表达式的在线工具

21.Opera Dragonfly http://www.opera.com/dragonfly/
Opera Dragonfly 是Opera浏览器的跨设备,跨平台调试环境—调试 JavaScript, 检查编辑CSS和DOM, 并且查看移动设备或计算机上的错误

22.IE Web Developer http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
微软的浏览器开发者工具条为网页的快速创建,理解和故障诊断提供了各种的工具

23.DynaTrace http://ajax.dynatrace.com/pages/
一个页面性能分析工具,是针对浏览器 IE 6 ~ 8 的。它可以用来分析页面渲染时间、DOM方法执行时间,甚至可以看到 JS 代码的解析时间。多谢“有米啦”同学的推荐,好友卓群的 博客以前也介绍过

24.IE Tester http://www.my-debugbar.com/wiki/IETester/HomePage
IETester是一个免费的浏览器,它同时包括了IE 5.5、IE 6、IE 7、IE 8的所有内核,多版本IE测试好工具,DIV测试,CSS兼容和各个版本浏览器兼容检测工具

25.Companion JS http://www.my-debugbar.com/wiki/CompanionJS/HomePage
IE下的js调试工具,需要结合Microsoft Script Debugger使用,通过安装这个工具,但页面出现错误时会在左上角弹出一个小错误提示,点击会在IE下面显示出一个错误控制台,就如FF下的 firebug控制台一样,错误信息提示很详细

26.Live Http Header https://addons.mozilla.org/zh-CN/firefox/addon/3829
live HTTP headers是firefox的一个插件,可以查看到http头,非常方便

27.Closure Compiler http://code.google.com/intl/zh-CN/closure/compiler/
Google的JavaScript编译工具

Copyright © 2020 优大网 浙ICP备13002865号-3

SITEMAP回到顶部 ↑