前端辅助开发工具积累

一、IDE

1)Edit Plus

2)Notepad++

3)Dreamweaver

4)ultraedit

二、浏览器插件

1)IE Developer Toolbar(布局样式,脚本调试,性能分析)

2)Firebug(布局样式,脚本调试,性能分析)

3)chrome developer tools(布局样式,脚本调试,性能分析)

4)HTML Validator(通过FF的附加工具中添加插件,验证html的是否满足w3c的合法性)

三、其他辅助工具

1)PngOptimizer(压缩png gif 图片,比photoshop或Fireworks的压缩率大)

2)FastStone Capture(俗称红绿小工具,有标尺、吸管、截图、录屏等很多功能。前端开发万能工具)

3)fildder(强大的抓包工具,深入学习)

4)YSlow(性能分析,将要学习)

5)yuicompressor(压缩工具,将要学习)

6)git(版本控制,将要学习)

7)build工具(不了解,求推荐)

8)测试框架(不了解,求推荐)

时间: 2024-07-30 10:10:36

前端辅助开发工具积累的相关文章

ExtJs是当今最主流的前端界面开发工具之一

摘要:ExtJs是当今最主流的前端界面开发工具之一,功能强大,外观绚丽.虽然网上的开发文档很多,但是在实际应用中仍然会遇到很多问题,本文结合企业信息化.SAP ERP等实际项目开发经验,对使用ExtJs开发做了一个梳理和总结,特别对开发中遇到的重点问题进行了详细阐述,希望能够为大家提供一些帮助.    关键词:ExtJs  IMS  RIA 作用域 id冲突 风格统一1 引言    随着互联网技术的不断发展,网站的互动性越来越强,软件从C/S到B/S,又到了B/S结构的C/S界面体验,伴随着大量

WEB开发框架系列教程 (零)辅助开发工具下载

华东信息辅助开发工具下载 下面会通过辅助工具开展本系列教程 (一).快速创建解决方案 (二).功能页面开发(1)建表,不用配置,不用开发 完成页面功能 (三).功能页面开发(2)建表,配置页面,不用开发 完成页面功能 (四).功能页面开发(3)自主开发页面(借助辅助开发工具完成)零编码实现指定表的增删改查,然后在代码基础上丰富调整 (五).页面代码分析 (六).下拉框资源定义 .... 待续 如果需要请联系QQ:93346562

移动前端webApp开发点滴积累20140629

#移动前端webApp开发点滴积累20140629 ##关于input行内居中的问题 给input设定一个比较高的高度,在某些版本的移动设备上,文字不能垂直居中,即使设定了相同的行高也不行.(见图) ![input行内居中](http://images.cnitblog.com/i/84053/201406/292134125542918.jpg) 在这种情况下,我一般不改变input本身的高度,而是在input外围包裹一层,再在外围层做效果. [demoURL](http://gh.p2227

前端工程师开发工具 & 订阅网站

工具 ? Sublime Text ? Eclipse ? WebStorm ? NPM 调试工具:Firebug.HttpWatch.fiddler.IETester.CSS Lint.Chrome 订阅与关注: 前端周刊 码农周刊 前端乱炖 前端观察 前端开发 奇舞周刊 CNode社区 AngularJS社区 InfoQ w3cplus Startup News Hacker News Node Weekly HTML5 Weekly Stack Overflow JavaScript We

Viewport Resizer下载 谷歌前端自适应开发工具

原文链接:http://www.phpbiji.cn/article/index/id/107/cid/6.html Viewport Resizer下载 谷歌前端自适应开发工具 在前端开发过程中,随着移动端手持设备的普及,避免不了要适应各种大小的屏幕,所以测试工作在开发中尤为重要: 设定各个分辨率的浏览器在目前各大浏览器中都有展现,但是用起来都比较不方便,所以我们推荐一款谷歌的自适应插件 Viewport Resizer 下载地址: http://pan.baidu.com/s/1eSunB9

个人前端工程师开发工具记录

原文地址:https://www.zybuluo.com/yyman001/note/58799 个人前端工程师开发工具记录 我们前端,每个人都有自己的开发工作环境,工具等,所以我写了这一篇文章,为自己方便把自己常用的前端工具记录下来,以便到时候在新的电脑上可以快速搭建自己熟悉的工作环境和使用自己熟悉的工具,同时可能也会对你有少少的帮助吧! 前端环境软件安装 node.js 很多东西都需要它 npm , cnpm , spm 安装可以更换淘宝的安装包地址(淘宝镜像) Ruby(git依赖) ,

WPF 辅助开发工具

原文:WPF 辅助开发工具 以下介绍的工具均为免费版,有些是源代码开放,希望对大家有用. Kaxaml 轻量级XAML 编辑器,可以同时进行图像和XAML 代码的编辑.最终生成开发人员想要的XAML 程序. 网站链接:http://kaxaml.codeplex.com/ Shazzam 方便快捷的完成WPF/Silverlight 程序的像素渲染编辑或测试工作. 支持HLSL 可为各种特效生成C#/VB  代码及程序所需的.Net 类. 网站链接:http://shazzam.codeplex

前端相关开发工具介绍

1.常用前端开发工具-编辑器 sublimetext:Sublime Text 是一款流行的代码编辑器软件,也是HTML和散文先进的文本编辑器,可运行在Linux,Windows和Mac OS X.也是许多程序员喜欢使用的一款文本编辑器软件. atom:他们使用目前最先进流行的技术重新打造了一款称为"属于21世纪"的代码编辑器--Atom, 它开源免费跨平台,并且整合 GIT 并提供类似 SublimeText 的包管理功能,支持插件扩展,可配置性非常高 vim:后台人员使用,Vim是

前端团队开发工具

### Sublime 代码检查 http://www.sublimetext.com/3 下载合适的portable version https://nodejs.org/download/ 下载 node并且安装 安装jshint $ npm install jshint -g 如果没响应(GFW,使用cnpm和npmreg都是不错的选择 ),使用淘宝的源,下面cnpm换成jshint. https://packagecontrol.io/installation 按照说明配置sublime