web前端攻城狮整理的收藏夹

作为一名web前端开发工程师你的收藏夹存对了吗？下面是一份互联网上流传甚广的web前端开发收藏夹资源，包含学习网站、JS库、常用工具、常用插件、资讯书籍等资源。速速转存吧~

一、学习网站

---

W3Cschool：http://www.w3cschool.cn/

初学者必上的网站，也可以做为工具来用，笔记、词典、手册、教程、实例等等。

W3C：http://www.w3.org/

不必多所说，最权威的资料没几个不知道的。

MDN：https://developer.mozilla.org/zh-CN/

图文示例并茂，非常好的学习资料

UED导航  http://123.w3cschool.cn/navued

51CTO学院：http://edu.51cto.com/

IT技能学习平台|IT在线培训|IT在线教育|微职位|IT慕课MOOC课程

二、JS库

---

jQuery：http://jquery.com/

jQuery官网

Sizzler：http://sizzlejs.com/

jQuery的御用选择器，可独立使用

JSDeferred：http://cho45.stfuawsc.com/jsdeferred/

强大的JS异步库

mass-Framework：https://github.com/RubyLouvre/mass-Framework

国内JS牛人司徒正美开发的JS框架

Jscex：https://github.com/JeffreyZhao/jscex/

国内.NET领域牛人老赵开发的异步JS库

YUI：https://developer.yahoo.com/yui/

Yahoo的一个开放源代码的 JavaScript 函数库

三、常用工具

---

Git：非常好用的版本管理工具

EditPlus：我的编辑器，轻巧方便

IETest：IE浏览器兼容性调试工具

Fiddler：网络监测工具，对分析请求非常有用

JSFiddle：http://jsfiddle.net/

在线演示JS代码，只是速度很慢。有个朋友正在开发，准备弄个国内版的，以后再介绍。

JSLint：http://jslint.com/

JavaScript验证工具，想写出规范的JS代码就多用这个吧

Chinacxy：http://www.chinacxy.com

上面提到的那位朋友开发的一个前端工程师工具集，目前包括网页特效、在线正则测试、CSS/JS/HTML格式化、JSON格式在线验证、所见即所得代码在线编辑等

Codrops：http://tympanus.net/codrops/category/tutorials/

网页特效

Iconfinder：http://www.iconfinder.com/

非常强大的icon图标搜索引擎

yellowgreen：http://yellowgreen.de/image-to-base64-string-encoder

一个在线图片转为base64格式工具

四、常用浏览器插件

---

FireFox:

FireBug：这个不用介绍

YSlow：Yahoo开发的，基于Firebug的用于分析网页性能的工具，用于优化网页的速度和建立高性能的网页。

Cookies Manager+：cookie管理器

Linkchecker：检查页面是否有死链

Chrome:

jQuery API Browser：可查询jQuery API

Edit this cookie：cookie管理器

Resolution Test：快速调整浏览器尺寸工具

五、前端资讯

---

JavaScriptWeekly：http://javascriptweekly.com/

JS周刊

InfoQ：http://www.infoq.com/cn/javascript/

JS资讯及访谈

smashingmagazine：http://www.smashingmagazine.com/

专业的网页设计师和开发人员的在线杂志，主要介绍技术、实践和资源。

六、经典书籍

---

《JavaScript高级程序设计》——人民邮电出版社：

《高性能JavaScript》——电子工业出版社：

《精通正则表达式》——电子工业出版社：