# 技術類 http://blog.jobbole.com/51586/ 自動化任務運行器 Grunt 迅速上手 http://www.cnblogs.com/jsoo/archive/2011/08/03/2126035.html 動態加載javascript和css http://blogread.cn/it/article/6487?f=wb IoC/DIP其實是一種管理思想 https://github.com/hacke2/technode-tutorial socket.io and angular.js教學文章 http://cssha.com/open-window-in-chrome/ 如何繞過chrome的彈窗攔截機制 http://blogread.cn/it/article/6478?f=wb Js事件監聽封裝（支持匿名函數） http://www.cnblogs.com/hustskyking/p/principle-of-javascript-template.html JavaScript模板引擎原理，幾行代碼的事兒 http://www.cnblogs.com/zaohe/archive/2013/04/02/2996441.html JS模板實現 http://www.html5cn.org/article-6043-1.html 20行Javascript代碼寫出頁面模板引擎 http://www.cnblogs.com/hustskyking/p/javascript-semantization.html 如何讓你的JavaScript代碼更加語義化 http://www.cnblogs.com/hustskyking/p/javascript-asynchronous-programming.html JavaScript異步編程原理 http://blog.jobbole.com/77748/ 大型網站系統架構的演化 http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html 作為Web開發人員，我為什么喜歡Google Chrome瀏覽器 http://blog.jobbole.com/73031/ 用 Express 和 AbsurdJS 做 Node.js 應用 http://www.docin.com/p-640431287.html 認識process.nextTick()函數 http://blog.csdn.net/sagomilk/article/details/20800543 1分鐘寫完爬蟲 拿亞馬遜商品數據 http://cnodejs.org/topic/512d8172df9e9fcc58333c73 Express+Nodejs 下的登錄攔截實現 http://www.cnblogs.com/fullhouse/archive/2011/07/18/2109938.html NodeJS框架Express的模板視圖機制 http://www.cnblogs.com/sysu-blackbear/p/3463475.html Git常用命令 https://github.com/xufei/blog/issues/3 從HTML Components的衰落看Web Components的危機 http://msdn.microsoft.com/en-us/library/ms531079(v=vs.85).aspx Introduction to DHTML Behaviors http://www.cnblogs.com/sky000/archive/2010/10/14/1851262.html onmouseetner和onmuseleave http://www.w3cfuns.com/article-1306-1.html 想學習超流行的響應式設計？來看看這篇教程 http://www.cnblogs.com/samwu/archive/2013/06/06/3121649.html Zepto 使用中的一些注意點(轉) http://www.cnblogs.com/vagerent/archive/2010/02/05/1664450.html 利用Jquery實現http長連接(LongPoll) http://www.ibm.com/developerworks/cn/web/wa-lo-comet/ Comet：基于 HTTP 長連接的“服務器推”技術 http://www.html5cn.org/article-6043-1.html 20行Javascript代碼寫出頁面模板引擎 http://www.codeceo.com/article/tcp-transform.html TCP連接——愛的傳聲筒 http://www.cnblogs.com/jsoo/archive/2011/08/03/2126035.html 動態加載javascript和css http://weixiaolu.iteye.com/blog/1479656 Java NIO原理 圖文分析及代碼實現 http://bbs.html5cn.org/thread-80950-1-1.html 解決setInterval計時器不準的問題 http://www.codeceo.com/article/tcp-diffcult.html TCP協議要點和難點全解 http://blog.jobbole.com/52857/ AngularJS 中的一些坑 http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html jQuery的deferred對象詳解 http://www.cnblogs.com/snandy/archive/2012/12/19/2812935.html 讀jQuery之二十（Deferred對象） http://blogread.cn/it/article/6506?f=wb javascript函數的throttle和debounce http://www.cnblogs.com/gaochundong/p/string_matching.html 字符串匹配算法 http://www.cnblogs.com/zhuifeng/p/4008058.html URL詳解 http://isux.tencent.com/ps-photoshop-cc-fd.html Photoshop CC 與前端那些事 http://blog.jobbole.com/53487/ JavaScript 跨域總結與解決辦法 http://blog.jobbole.com/53736/ 為什么我要用 Node.js? 案例逐一介紹 https://developer.mozilla.org/en/docs/Rich-Text_Editing_in_Mozilla#userconsent# Rich-Text Editing in Mozilla http://blog.jobbole.com/55067/ 編寫更好的CSS代碼 http://www.cnblogs.com/fengzekun/p/3940918.html javascript parseJSON http://www.ymk8.com/Item/Show.asp?m=1&d=1381 各瀏覽器Iframe對contentWindow、contentDocument、document及frames屬性測試 http://www.jackyrao.com/archives/383 非CMD模塊的javascript文件兼容封裝方案 http://www.ruanyifeng.com/blog/2014/10/event-loop.html JavaScript 運行機制詳解：再談Event Loop http://www.codeceo.com/article/javascript-no-block.html JavaScript無阻塞加載性能優化方案 http://bbs.html5cn.org/thread-80718-1-1.html JavaScript與有限狀態機 http://www.w3cplus.com/css3/introduction-into-css3-grid-layout.html CSS3網格布局介紹——網格的運行 http://www.iefans.net/ie-css-bug-table/ 打敗ie的葵花寶典 http://www.cnblogs.com/jsoo/archive/2011/08/03/2126035.html 動態加載javascript和css https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence js運算符規則 https://app.yinxiang.com/shard/s8/sh/b72fe246-a89d-434b-85f0-a36420849b84/59bad790bdcf6b0a66b8b93d5eacbead 【樸靈評注】JavaScript 運行機制詳解：再談Event Loop http://fe.meituan.com/webp.html 美團在webp方面的實踐 http://blog.jobbole.com/77956/ 函數式JavaScript（4）：函數柯里化 http://developer.51cto.com/art/201008/218335.htm 常見瀏覽器兼容性問題與解決方案 http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html 深入理解JavaScript系列 http://www.codeceo.com/article/javascript-bibao.html Javascript閉包深入解析及實現方法 http://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array-in-javascript#userconsent# 數組亂序 http://www.cnblogs.com/zhuifeng/p/4008058.html URL詳解 小知識點解析 http://segmentfault.com/blog/laopopo/1190000000708417 使用Slip.js快速創建整屏滑動的手機網頁 http://www.ruanyifeng.com/blog/2011/05/how_to_judge_the_existence_of_a_global_object_in_javascript.html 如何判斷Javascript對象是否存在 http://www.cnblogs.com/editor/p/4007862.html Javascript 俄羅斯方塊 游戲代碼解釋! http://www.cnblogs.com/bigbrother1984/p/4010492.html Sizzle選擇器引擎介紹 http://www.zhihu.com/question/25842198 JS中的this 在不同的地方指向不一樣，在哪些地方需要注意？ http://segmentfault.com/blog/scriptjava/1190000000692744 JavaScript拆分字符串時產生空字符的原因 http://www.cnblogs.com/Hcjer/p/4016041.html 創建你的第一個JavaScript庫 http://bbs.html5cn.org/thread-80950-1-1.html 解決setInterval計時器不準的問題 https://github.com/evilcos/papers 歷屆 Papers # 作品類 http://runjs.cn/detail/gbbzutwk#userconsent# 純CSS3實現圖片切換 http://www.phpthinking.com/thanks/love.htm 有人向給女朋友驚喜或者給女神表白嗎？改改JS就可以了 http://www.cnblogs.com/sky000/archive/2012/02/23/2364536.html 又一個滑動效果 http://www.zhinengshe.com/works/3546/index.html 利用after和before制作提示框 # 資源類 http://blog.jobbole.com/77232/ 一些幫助Web前端開發的Sublime Text包 https://github.com/hacke2/ResumeSample 程序員簡歷模板系列 http://www.gbtags.com/gb/share/3577.htm 超棒的HTML5/CSS3單頁面響應式模板（支持Bootstrap http://bbs.html5cn.org/thread-79794-1-1.html 15款最好的 jQuery Modal（模態窗口）插件 http://damoqiongqiu.iteye.com/blog/2010720 node-webkit：開發桌面+WEB混合型應用的神器 http://www.css88.com/doc/underscore/#compact underscore API http://www.admin10000.com/document/3811.html#userconsent# 那些用JavaScript寫的操作系統 http://www.spritecow.com/#userconsent# spritecow http://www.ituring.com.cn/article/775 Markdown語法 http://www.html5cn.org/article-6078-1.html 一個輕量級CSS3動畫庫：JX.Animate http://tool.chinaz.com/js.aspx JS混淆加密壓縮 http://ecd.tencent.com/css3/tools.html http://jeremyckahn.github.io/stylie/ css3動畫在線制作器 http://webdesign.tutsplus.com/tutorials/how-to-create-css-animations-visually-with-stylie--cms-22161 相關介紹 http://www.colorzilla.com/gradient-editor/ css3漸變在線制作器 http://tool.css-js.com/#userconsent# CSS, JavaScript 壓縮, 美化, 加密, 解密 http://synergy-project.org/?hl=zh Synergy 鼠標和鍵盤共享軟件 http://gmu.baidu.com/demo/ 百度移動框架 http://alloyteam.github.io/Spirit/ 騰訊移動框架 http://www.html5cn.org/article-6278-1.html 為 Node.js 開發者準備的8本免費在線電子書 http://www.w3cplus.com/solution/css3content/css3content.html http://www.zhangxinxu.com/wordpress/2010/04/css-content%E5%86%85%E5%AE%B9%E7%94%9F%E6%88%90%E6%8A%80%E6%9C%AF%E4%BB%A5%E5%8F%8A%E5%BA%94%E7%94%A8/ css3 content 生成內容 http://www.zhihu.com/question/22022905 css content 如何自定義生成圖標？ http://blog.jobbole.com/49320/ 十步圖解CSS的position # 知乎類 http://news.cnblogs.com/n/505390/ 移動互聯網創業者的三大誤區 http://www.zhihu.com/question/22290503 如何評價煎蛋這樣的網站？ 創業中如何尋找一個創意亮點，或用戶需求點。 http://pcottle.github.io/learnGitBranching 游戲學git http://www.zhihu.com/question/25335819 如何找到跟對的老板，跟對企業？ http://www.zhihu.com/question/19867883 怎樣正確做 Web 應用的壓力測試？ http://www.zhihu.com/question/20003204 大型公司開發軟件的流程是怎樣的？ http://www.zhihu.com/question/25026687/answer/30486027 什么樣的老師是好老師？應該怎么樣做一個好老師？ http://www.zhihu.com/question/22426434/answer/21433867 還要多少年, 前端開發才能像客戶端開發那樣輕松？ http://www.zhihu.com/question/20398616 人為什么要很努力地工作？ http://www.zhihu.com/question/22614212 為什么現在很多年輕人愿意到北上廣深打拼，即使過得異常艱苦，遠離親人，仍然義無反顧 http://www.zhihu.com/question/25112568 冒泡排序為什么會被看做經典，寫入所有C語言的教科書？ http://www.zhihu.com/question/25433595 如何跟外國人解釋為何中國人不用 Facebook？ http://www.zhihu.com/question/25500292 女生適合IT行業嗎or跨專業考研？ http://www.zhihu.com/question/22951927 本科生如何系統地學習前端開發 http://www.zhihu.com/question/25836091 拿到口頭的offer，一般公司會變卦嗎？ http://www.zhihu.com/question/25842198 JS中的this 在不同的地方指向不一樣，在哪些地方需要注意？ http://www.zhihu.com/question/20260762 有哪些 JS 調試技巧？ http://www.zhihu.com/question/25749900 都說學習 Photoshop 要學習其中的原理，那么 Photoshop 工具的原理在哪學習？ http://www.zhihu.com/question/25583089 設計師這樣的工作，可以做一輩子嗎？ http://www.zhihu.com/question/19813278 中國變成一個拼爹拼關系的社會了嗎？ http://www.zhihu.com/question/19588629 一名合格的前端工程師的知識結構是怎樣的？ http://segmentfault.com/blog/colin4124/1190000000373243 [譯] 如何恰當地學習 JavaScript http://www.zhihu.com/question/25583350 百度騰訊offer比較(騰訊游戲VS百度基礎架構)？ http://segmentfault.com/q/1010000000628530 請問這些javascript表達式的結果是？為什么？ http://segmentfault.com/a/1190000000338382 前端開發知識結構 http://segmentfault.com/q/1010000000382769 github上有什么好的項目能夠幫助新人理解javascript嗎? http://www.cnblogs.com/vamei/archive/2012/11/17/2774208.html 為什么要寫技術博 http://blogread.cn/it/article/6493?f=wb 如何設計一個優秀的API http://get.jobdeer.com/1612.get 程序員如何正確的評估自己的薪資 http://www.zhihu.com/question/23659600 如何看待神馬搜索? http://www.zhihu.com/question/19563138 最好的產品經理社區或者討論圈有哪幾個？ # 文章類 http://www.watchmen.cn/portal.php?mod=view&aid=273 普通開發者 如何拿到國內IT巨頭的Offer http://blogread.cn/it/article/6461?f=wb 騰訊敏捷開發及快速迭代 http://blog.dandyweng.com/2013/07/how-my-website-was-created/#userconsent# 我的個人網站是怎么做出來的 http://www.itmian4.com/ IT面試網 http://barretlee.github.io/learning-in-front-end/#userconsent# 前端學習的那些往事 http://blogread.cn/it/article/6485?f=wb 一些做產品的項目經驗：立項、流程、文檔 http://blogread.cn/it/article/6496?f=wb 中間件和穩定性平臺 http://www.cnblogs.com/leefreeman/p/3998757.html 大型網站的靈魂——性能 http://www.cnblogs.com/levenyes/p/4003681.html 人生苦短，我用python——當我在玩python的時候我玩些什么 http://segmentfault.com/blog/devlevelup/1190000000702013 國慶薦書：技術人必讀的人文書 http://www.itbbu.com/762.html 騰訊走上王者之位，你以為靠的只是抄襲？ http://blog.jobbole.com/45296/ 老碼農教你學英語 http://www.codeceo.com/article/10-common-mistakes-programmer-interview.html 程序員準備面試時常犯的10個錯誤 http://www.imooc.com/wenda/detail/209520 前端開發人員必備的5款開發工具 http://www.jacopretorius.net/2013/07/angularjs-pain-points.html AngularJS Pain Points http://segmentfault.com/blog/justjavac/1190000000329966 [福利] 免費的編程中文書籍索引 (不定期更新) https://github.com/search?utf8=%E2%9C%93&q=awesome git好資源 http://news.html5tricks.com/10-years-for-technology.html 一名程序員十年技術之路的思考與感悟 AngularJS http://blog.jobbole.com/77833/ Web 開發在 2015 年及未來的發展趨勢 http://www.cnblogs.com/Darren_code/archive/2011/06/29/javascript-learn.html 說說我的web前端之路,分享些前端的好書 http://www.codeceo.com/article/node-js-web-framework.html 如何選擇Node.js Web開發框架？ http://www.codeceo.com/article/10-common-mistakes-programmer-interview.html 程序員準備面試時常犯的10個錯誤 https://ruby-china.org/topics/21831 《Linux 命令行》中文版 PDF 上線了 http://codepen.io/patterns/ Design Patterns http://www.cnblogs.com/shenyisyn/ 沈大俠的 失業的程序員，馬上就要第二版了，有興趣的關注一下。 http://www.cnblogs.com/wangfupeng1988/p/4001284.html 【深入理解javascript原型和閉包系列 】 歷時半月完稿，求推薦 http://www.kuqin.com/shuoit/20140503/339604.html 「阿里校友」—從阿里巴巴走出的創業牛人們 http://www.zhihu.com/question/20289254 http://www.cnblogs.com/hustskyking/p/history-api-in-html5.html http://www.welefen.com/pjax-for-ajax-and-pushstate.html pjax：ajax和pushState結合的js庫 http://item.jd.com/11055746.html 精益創業 http://item.jd.com/11355294.html 創新者的窘境 http://www.forbeschina.com/news/news.php?id=36967 周鴻祎推薦：十大商業經典圖書 http://news.cnblogs.com/n/505279/ 創業教父箴言：創業之前 http://news.cnblogs.com/n/505550/ 當老板不是創業的好理由 http://www.cnblogs.com/mehale/p/4015519.html 從事IT業一個8年老兵轉行前的自我總結1——初爻