web前端攻城獅都來曬一曬你的收藏夾吧


  作為剛入門的web前端攻城獅,深知在國內做技術的不易,深知沒有人指導下要走很多彎路,深知要努力提高自己的水平以免給國內web前端攻城獅平均待遇拖后腿,所以本着積累知識,幫助新人,與同行互補的目地寫了本文。

  由於開始前端開發時間不長,積累數量跟質量難免有限,強烈建議大家在評論中補充,然后我會擇優進行補充本文。

  先從我自己開始吧。

學習網站

  W3school:http://www.w3school.com.cn/

  一句話點評:初學者必上的網站,也可以做為工具來用,有中英文版

 

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

  一句話點評:最權威的資料

 

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

  一句話點評:圖文示例並茂,非常好的學習資料

 

  湯姆大叔的博客:http://www.cnblogs.com/TomXu/

  一句話點評:深入學習JS的絕佳博客

 

  Ruby's Louvre:http://www.cnblogs.com/rubylouvre/

  一句話點評:國內JS牛人之一

 

  紙頭折飛機:http://www.cnblogs.com/xueduanyang/

  一句話點評:本博客有很多前端開發者值得關注的內容

 

  小坦克:http://www.cnblogs.com/TankXiao/

  一句話點評:從底層理論到應用實踐都有介紹,當然了,也有工具的介紹

 

  Snandy:http://www.cnblogs.com/snandy/

  一句話點評:對JS的分析,特別是對jQuery原理的分析值得一看

 

  當耐特磚家--Iamzhanglei.com:http://www.cnblogs.com/iamzhanglei/

  一句話點評:HTML5嘗鮮者,當然還有其他前端技術

 

  簡單生活,踏實人生:http://www.cnblogs.com/yanyangtian/tag/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/

  一句話點評:推薦性能優化這一塊,雖然有涉及到asp.net,但原理相通

 

  鑫生活鑫空間:http://www.zhangxinxu.com/wordpress/

  一句話點評:國內不多見的比較好的前端個人技術博客(主要是我孤陋寡聞不知道其他人的)

 

  淘寶UED:http://ued.taobao.com/

  一句話點評:這個就不多說了,上一篇文章有介紹,值得關注

 

  goddyzhao:http://blog.goddyzhao.me/

  一句話點評:國內不多見的比較好的前端個人技術博客

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資訊及訪談

 

  (heqichang 推薦)smashingmagazine:http://www.smashingmagazine.com/

  一句話點評:專業的網頁設計師和開發人員的在線雜志,主要介紹技術、實踐和資源。

經典書籍

 

  《JavaScript高級程序設計》——人民郵電出版社:

 

  《高性能JavaScript》——電子工業出版社:

  (Artwl 推薦)《精通正則表達式》——電子工業出版社:

小結

  經典書籍部分比較少,因為我看過的JS開發的書雖然很多,但真正稱得上好的還真不多。

  本文僅僅拋磚引玉,再次強烈建議大家把收藏的好的資源分享出來,加以補充。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM