Web开发常用工具及技术

1.      JS代码检测工具：http://www.jslint.com/

2.      代码调试工具：firedebug，IE自带的开发人员调试工具，googleChromium自带的开发人员调试工具

3.      性能评估工具：Yslow插件，http://developer.yahoo.com/yslow/

4.      代码压缩工具：http://dean.edwards.name/packer/(提供对jquery框架的良好兼容)

5.      图片压缩工具：http://www.smushit.com/ysmush.it/

6.      使用Data URIS技术：该技术可以将css中的图片编码成2进制后嵌入css文件中，以减少http请求数

7.      浏览器兼容性测试：http://browsershots.org/

8.      图片资源搜索：http://findicons.com/

9.      本地代码版本管理：VisualSVN-Server-2.1.7.msi

10.  浏览器兼容性检测：Modernizr (modernizr.com) 提供了一种更好的方法。 Modernizr 是一个 JavaScript 库，用于“…检测是否可以使用下一代 Web 技术（也就是来源于HTML5 和 CSS3 规范的功能）的本地实现

http://msdn.microsoft.com/zh-cn/magazine/hh394148.aspx、

11.  代码文件最好使用utf-8 不带签名的编码格式保存，以防止出现乱码

12.  使用jsdoc自动生成API文档

13.  遵循Google JavaScript 编码规范指南.doc，GoogleHTML,CSS编码规范指南.doc

14.  关于http post两阶段提交的一些问题:使用AJAX的post方法进行数据提交的时候，数据段分2次传输，如果2次传输间时间间隔过大，会引起服务器超时，而引起访问错误。http://blog.csdn.net/axman/article/details/7663002

 15. 强大的js代码加密工具:http://www.javascriptobfuscator.com/ 

16.很好的Q&A站点：

http://stackexchange.com/
http://stackoverflow.com/
17.JS自动化测试框架：QUNIT

18.动态可视化图形(时间轴，路径图等)：http://visjs.org/#example

19.Google免翻墙镜像https://s3-us-west-1.amazonaws.com/google3/index.html

一些web资源：

1.      强大的免费图标搜索引擎：http://browsershots.org/

2.      几个基于jquery的画图插件：

http://www.jqplot.com/

https://github.com/flot/flot.github.com

http://www.highcharts.com/

http://omnipotent.net/jquery.sparkline/#s-about（mini chart）