`
huibin
  • 浏览: 755094 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

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。de>

对于纯前端的开发来讲,特别是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多可以下载的。

分享到:
评论

相关推荐

    web前端工具包

    【web前端工具包】是一个集合了多种Web前端开发与数据库管理工具的综合资源包,旨在提升开发者的工作效率和协作能力。这个工具包的核心组件包括Sublime Text编辑器、Postman测试工具以及数据库可视化工具,这些工具...

    web前端工具HBuilder X

    web前端工具HBuilder X

    PHP实例开发源码-LogAnalyzer Web前端工具.zip

    PHP实例开发源码—LogAnalyzer Web前端工具.zip PHP实例开发源码—LogAnalyzer Web前端工具.zip PHP实例开发源码—LogAnalyzer Web前端工具.zip

    web前端工具 hehelper

    web前端 谷歌工具 hehelper 。

    web前端技术方案web前端技术方案

    Web 前端技术方案 一、前端技术体系的基本架构 前端技术体系的基本架构应遵循以下原则: 1. 围绕业务发展:前端技术体系的设计应紧扣业务需求,确保技术架构的演进是为了支撑业务的发展。 2. 结合团队规模和特点...

    web前端初级.pdf

    Web前端是用户与网站或APP交互的第一界面,对于用户体验至关重要。本次串讲教案初级内容涵盖Web前端开发的多个基础知识点,接下来将按照教案内容逐一阐述。 首先,在Web页面制作基础这一部分,首先介绍了HTML的基本...

    吸色器 web前端开发工具

    标题中的“吸色器”指的是在Web前端开发中常用的色彩选取工具,这类工具允许开发者轻松地从网页上吸取颜色,并将其应用到自己的设计或者代码中。这种工具对于UI/UX设计师和前端工程师来说非常实用,因为它们能快速...

    Colors前端取色器

    综上所述,"Colors前端取色器"作为一款WEB前端工具,是工程师们不可或缺的伙伴。它简化了色彩选取过程,提高了设计精度,同时免费且易于使用,使得开发者能更加专注于创造出色的作品,提升用户体验。在日常的网页...

    一个小而强大的Web前端工具:FastStone Capture

    FSCapture是一款抓屏工具,附带的其他两个小功能:取色器和屏幕放大镜。对抓取的图像提供缩放、旋转、减切、颜色调整等功能。只要点点鼠标就能随心抓取屏幕上的任何东西,拖放支持可以直接从系统、浏览器或其他程序...

    web前端抓包工具

    在Web前端开发中,了解和使用抓包工具是至关重要的技能。这些工具允许开发者实时查看、分析和调试网络请求,从而更好地理解应用的运行机制,定位性能问题,以及确保数据安全传输。以下是对"web前端抓包工具"的详细...

    Web前端开发初级样题一理+实.zip

    【标题】"Web前端开发初级样题一理+实.zip" 涵盖了Web前端开发的初级理论和实践知识,是针对“1+x WEB前端开发初级考试”的备考资料。这个压缩包很可能是为了帮助初学者或者准备参加该级别认证考试的人员进行系统性...

    Delphi+Web前端开发教程基于TMS+WEB+Core框架.pdf

    **Delphi Web前端开发教程——基于TMS WEB Core框架** Delphi Web前端开发教程是针对想要使用TMS WEB Core框架创建Web应用程序的开发者,无论你是初学者还是高级开发者,本教程都提供了丰富的学习资源。TMS WEB ...

    基于Vue.js框架的Web前端开发工具的设计与实现

    伴随Web开发技术的不断发展,前后端分离开发逐渐成为主流的开发模式,前端开发在整个开发流程中越来越重要,前端开发工作早已不是编写几个简单的静态页面就可以完成的,前端除了需要展示美观的页面,还需要实现...

    web前端课程设计.zip

    在本课程设计中,我们将...综上所述,"web前端课程设计.zip"涵盖了Web前端开发的核心技术、工具、框架以及最佳实践,为学习者提供了一个全面的实践平台,旨在帮助他们提升技能,理解和掌握构建现代Web应用的全过程。

    web前端开发技术 在线投票网站系统设计

    1. **Web前端基础**:前端开发是构建Web应用程序的关键部分,它负责用户在浏览器中看到和交互的所有内容。这个项目涉及到HTML、CSS和JavaScript的基础知识,HTML用于创建网页结构,CSS负责样式设计,JavaScript则...

    1+X WEB前端开发初级教案.rar

    《1+X WEB前端开发初级教案》是一个针对初学者的教育资源,主要涵盖了Web前端开发的基础知识和技能。在Web前端开发领域,这是学习者踏入这个充满创新和技术挑战世界的入门教材。"1+X"通常指的是国家职业教育1+X证书...

    Web前端大作业.zip

    《Web前端大作业——构建漫步时尚广场完整项目》 在本次Web前端的大作业中,我们面临的挑战是构建一个名为“漫步时尚广场”的完整项目。这个项目涵盖了网页设计、交互实现以及后端数据处理等多个方面,旨在提升我们...

    web工具箱 web工具箱

    web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱...

Global site tag (gtag.js) - Google Analytics