由于近年来RIA相关技术的兴起,WEB前端相关职位已经开始出现在越来越多的互联网公司中,而且越来越受到人们的重视。
现在做前端 与前些年(PS设计出效果图,dreamweaver拉出界面,就可以交由后台程序员来套程序了)已经完全不同。由于浏览器运行环境以及RIA项目需求的 特殊性,WEB前端所涉及的东西也越来越多,web标准、多浏览器兼容、程序性能、JS内存泄露、js/Ajax的调试...很多很多的问题摆到了WEB 前端开发人员身上,因此如果能有一些相关的小工具来辅助我们,相信对于我们的项目开发效率和开发难度上都会有所改善。
尽管本人在前端开发方面还有太多太多的未知,但是在实际开发中也积累了不少各类各样的前端开发用的小工具,有些工具对于我们的项目来说甚至是事半功倍的。
废话不多说,我就分类来分享一下本人所用到一些工具,一来自己做个总结,二来希望能对其它做开发的朋友有所帮助。
这篇文章主要介绍关于开发方面的相关的工具。
1、Aptana
说到Aptana,我想每一位做前端技术的朋友都应该已经知道它的大名了。Aptana是一个基于Eclipse的致力于前端开发(JavaScript)的工具,其功能非常强大,而且是开源项目(Profession版收费)。
它具有以下特点:
1、JavaScript,HTML,CSS代码提示
2、代码结构(大纲):显示JavaScript,HTML和CSS的代码结构。
3、代码语法错误提示。
4、支持Aptana UI自定义和扩展。
5、支持跨平台。
6、支持流行AJAX框架的Code Assist功能:AFLAX,Dojo,JQuery,MochiKit,Prototype,Rico,script.aculo.us,Yahoo UI。
7、JS代码在IE/FF下的断点调试。
8、插件丰富,如AIR、PHP、Ruby、Python等语言的开发插件。
9、内置其自行开发的Ajax应用服务器Aptana Jaxer。
对于纯前端的开发来讲,特别是js的开发来讲,aptana真的是不可多的的好工具。
2、Spket
Spket也是一个基于Eclipse构建起来的开源JS开发工具。可单独使用,也可作为eclipse插件使用。具有强大的JS、Ajax框架代码提示功能。特别是开发Jquery /ExtJS 时,使用这个插件可以为开发带来极大的方便,免去记忆和查找大量复杂API之苦。特别推荐使用EXT的开发人员使用,这个工具应该是当前开发extjs的首推工具了,网上甚至有人称其为“Ext开发人员的紫色匕首”。
3、TopStyle
这 个工具真是太有名了,我想每位做前端的人可能都要比我还要熟悉它,它是一款功能专注于CSS设计的辅助工具,功能十分丰富,包括:可以选取特定的浏览器或 CSS阶层、内建的样式表检查器、内部的预览能力、以颜色标示的编辑器,以及样式预览等,具体可以到这里看介绍: [URL=]http://baike.baidu.com/view/662735.htm[/URL]。
4、JSA 优秀的JS代码压缩混淆工具
这 个本来应该不算开发工具,但是不知归到哪里比较好,而且觉得这个对于最终代码发布来说还是一个很有用的工具,因此这里就推荐一下。JSA是用基于JAVA 开发的js脚本压缩工具,文件后缀是jar格式的,因此需要你的电脑首先安装了JRE运行环境。该压缩工具采用的压缩算法,可以使你的JS代码达到最小, 从而加速页面的加载速度。
5、PlayColor/飞鱼网页尺/SWFDecompiler
这里推荐的三款工具主要使用于界面和美工设计。
PlayColor 是一块小巧的取色工具,在网页设计中,特别是参考一些设计资源的配色时,这个工具能为我们带来很大的方便。
飞鱼网页尺 是一个用来测量屏幕中两点之间距离的小工具,这个在前端页面的设计制作中也用的比较多,当然可取代的工具也不少,有兴趣的大家可以网上找找。
SWFDecompiler :大名顶顶的Flash反编译工具,有时候我们再网上看到很多有用的Flash,但是由于没有源码,即没办法应用到我们的项目中,又不能学习研究其源码,有了这个工具,你的想法基本就可以实现了。
这几个工具这里就不给出下载地址了,baidu/google一下,N多可以下载的。