`

web前端开发七武器

 
阅读更多

http://blog.sina.com.cn/s/blog_40e5679c010119pf.html

武器一:前端开发IDE

最佳前端开发IDE:IntelliJ IDEA

推荐指数:web前端开发七武器web前端开发七武器web前端开发七武器web前端开发七武器web前端开发七武器
 
凭什么最佳IDE是IntelliJ IDEA?论资历比不过dreamweaver(其实在java开发中idea的名气是蛮大的,国内用的人太少);论血统比不过aptana(aptana的诞生还是很明确的,就是前端开发用的。);论轻巧比不上editplus、nodepad++;论牛逼还有Visual Studio横在那呢。
关于理由,明河这里先不讲,等日后明河发IntelliJ IDEA的系列使用教程时,会一一给朋友们演示IntelliJ IDEA强悍的地方。
明河使用DW不下1年,使用aptana也不下1年,期间还陆续使用了editplus、nodepad++,而明河使用idea只是二三个月,就把其他工具给抛弃了,剩个nodepad++(轻量的好处就是打开快,便于快速调试)。
idea教程正在谋划中,敬请期待!

武器二:前端开发调试器

最佳前端开发调试器:firebug

推荐指数:web前端开发七武器web前端开发七武器web前端开发七武器web前端开发七武器web前端开发七武器
 
firebug作为最佳前端开发调试器,应该是毫无争议的,也许你会告诉明河还有google chrome开发者工具呢。是的,论功能google chrome开发者工具不输于firebug,但论影响力firebug就非google chrome开发者工具可比,firebug的出现在整个前端发展史上具有重要的意义。
firebug的使用,我想明河无需多此一举写教程了,大家都懂的…..

最佳性能分析器:YSLOW

推荐指数:web前端开发七武器web前端开发七武器web前端开发七武器web前端开发七武器web前端开发七武器
 
前端工程师诞生于雅虎,而雅虎对于前端发展推动作用是巨大的,比如js框架YUI2、YUI3,比如yuicompressor,比如YSLOW,SLOW阐述的几个关于web性能优化准则,已经成为前端行业标准。

最佳远程调试器:fiddler(小提琴)

推荐指数:web前端开发七武器web前端开发七武器web前端开发七武器web前端开发七武器web前端开发七武器
 
fiddler的本地代理调试真的非常的方便和强大,尤其是调试ajax的时候(调试ajax,如果你复制一份代码到本地,存在跨域问题,请求不到数据而使用fiddler不用担心这个问题)。

武器三:前端文件压缩/编译器

最佳压缩器/编译器:yuicompressorGoogle Closure Compiler

推荐指数:web前端开发七武器web前端开发七武器web前端开发七武器web前端开发七武器web前端开发七武器
从js压缩的质量来看,Google Closure Compiler的压缩率比yuicompressor高些,Google Closure Compiler更准确说法应该是编译器。它要求你的js符合规范,不然压缩后的js很容易报错,yuicompressor一般没这个问题。css的压缩二者相差倒是不大。目前明河是二者都有用,yuicompressor用的更频繁些。

武器四:前端开发build工具

最佳前端开发build工具:ant

推荐指数:web前端开发七武器web前端开发七武器web前端开发七武器web前端开发七武器
 
这里的build工具主要指的是一键合并、压缩、移动、删除js文件、css文件等。
关于ant,明河写了不少教程:

武器五:多浏览器

最佳IE多版本浏览器:IETEST

推荐指数:web前端开发七武器web前端开发七武器web前端开发七武器web前端开发七武器
 
浏览器兼容性调试,是前端工作的很重要的组成部分,其中以IE6、IE7、IE8的调试最让人头疼,IETEST可以解决这一问题,值得一提的是IETEST也只是模拟,没有达到百分百的真实效果,有条件的最好用虚拟机。

备选多版本浏览器:Browser Sandbox

武器六:javascript测试器

最佳javascript单元测试框架:Jasmine

推荐指数:web前端开发七武器web前端开发七武器web前端开发七武器web前端开发七武器
 
Jasmine是kissy使用的js测试框架,也是明河鼎力推荐的测试框架。

武器七:版本控制系统

最佳版本控制系统:git

推荐指数:web前端开发七武器web前端开发七武器web前端开发七武器web前端开发七武器web前端开发七武器
 
明河的git学习笔记:

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics