由于近年来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多可以下载的。
分享到:
相关推荐
前端开发常用调试工具简介
前端开发是一个不断发展的领域,涉及的技术和工具种类繁多。以下是一些常用的前端开发技术
任务2 JavaScript的开发 常用开发工具 JavaScript Web前端开发技术 ...在Web前端开发中,常用的开发工具包括很多,例如: Visual Studio Code Sublime Text Hbuilder Adobe Dreamweaver WebStorm 1.常用开发工具
java 开发常用工具前端+后端,idea。。
comUtils 前端代码常用工具类
整合多个前端工具如csssprita图片拼合于一个小程序 优化改善: 1、软件核心代码重新编写,将所有文件合并为1个EXE可执行程序,方便大家放在桌面(Cuinn提出); 2、修复点击任务栏无法最小化/还原和右键菜单问题...
2、工具齐全囊括了前端开发所有的常用工具,帮助你加快项目研发速度。 3、绿色免安装不需要安装,不会向您系统内安装垃圾文件。 4、极致轻巧方便下载和保存,可通过邮件/QQ等工具轻松传输。 5、简单易用用户体验非常...
09前端开发基础视频-webstorm的使用和三个开发工具的选择.avi 06前端开发基础视频-sublime3安装和包管理器安装.avi 07前端开发基础视频-sublime3包管理器安装.avi 11前端开发基础视频-什么是浏览器什么是服务器...
前端页面开发常用的工具之一 , 非常的方便。
Mac下常用前端开发软件环境安装,Sublime Text,Java SDK安装,Tomcat安装(Web服务器),Navicat安装(数据库工具)....
给大家分享前端开发必备常用的工具函数小结,本文介绍的非常详细,有代码有文字说明,对常用的前端开发工具感兴趣的朋友可以参考下本
web前端最常用的工具函数,大大提高开发效率!
JScript,css3.0,css常见问题,dom10.chm等手册
本教程旨在帮助初学者了解前端开发的基本概念、所需技能以及开发工具,并通过实例引导大家逐步掌握前端开发的基础知识。 二、前端开发的基本概念 前端开发,主要是指通过HTML、CSS和JavaScript等技术,构建和优化...
FeHelper简直就是前端开发人员的神器,它是由国人开发的一款前端工具集合的小插件,插件功能齐全,基本上涵盖了前端从业者经常会使用到的基础功能,使用起来也很顺手。 Wappalyzer展示你访问的网页由什么技术栈所...
前端测试工具,很值得使用的一些常用工具,前端开发值得拥有
个人前端工程师开发工具记录我们前端,每个人都有自己的开发工作环境,工具等,所以我写了这一篇文章,为自己方便把自己常用的**前端工具**记录下来,以便到时候在新的电脑上可以快速搭建自己熟悉的工作环境和使用自己...
在前端开发领域中,单元测试一直是一个被忽视的领域,早期大量的偏U类代码使得前端开发并没有养成书写单元测试的习惯,但随着前端项目的日益复杂,包括 Node. js的大量应用开发,为应用程序书写单元测试才是保证代码质量...
前端开发API大全,包括html5,css3,js,jquery...同时还包括一些常用的开发实例。 是前端工程师不可或缺的工具包集合。一包在手,前端我有!
这是一本可供任何人使用的指南,用于学习前端开发实践,讲如何学习前端工程,用什么工具来实践,常用技术以及技术趋势等