作爲一名web前端開發工程師你的收藏夾存對了嗎？下面是一份互聯網上流傳甚廣的web前端開發收藏夾資源，包含學習網站、JS庫、常用工具、常用插件、資訊書籍等資源。速速轉存吧~
一、學習網站
W3Cschool：http://www.w3cschool.cn/
初學者必上的網站，也可以做爲工具來用，筆記、詞典、手冊、教程、實例等等。
不必多所說，最權威的資料沒幾個不知道的。
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》——電子工業出版社：
《精通正則表達式》——電子工業出版社：
