# js http://blog.jobbole.com/29454/ 常用javascript設計模式 http://coderlmn.github.io/code-standards/#userconsent# 前端代碼規范 及 最佳實踐 http://www.w3cfuns.com/thread-5591957-1-1.html 人人網javascript面試題 http://blog.51yuekan.com/2014/10/08/2014-08-02-javascript-module-define/ Javascript模塊化開發－輕巧自制 https://github.com/hacke2/thin/tree/master/docs 從零開始寫JavaScript框架 http://coolshell.cn/articles/9666.html 瀏覽器渲染原理 http://coolshell.cn/articles/9749.html#jtss-tsina JS加載原理 http://bbs.html5cn.org/thread-84774-1-1.html HTML5 中 40 個最重要的技術點 http://www.thinkjs.org/test/websocket thinkjs 15行實現聊天系統 http://shangchun.net/promise-insight.html#userconsent# 剖析 Promise 之基礎篇 https://github.com/xufei/blog/issues/5 構件單頁WEB應用 http://nodejs.cn/api nodejs api http://segmentfault.com/blog/colin4124/1190000000373243 如何恰當地學習 JavaScript https://github.com/Lucifier129/Lucifier129.github.io/blob/master/lab/build-your-own-jquery-library.md#userconsent# 如何寫一個你自己的jQuery庫？ https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Drawing_graphics_with_canvas#userconsent# 使用canvas繪圖 http://blog.sina.com.cn/s/blog_53d3c24a0100mpnv.html#userconsent# |運算符的技巧 http://rapheal.sinaapp.com/2014/11/06/javascript-error-monitor/#userconsent# 前端代碼異常監控 http://www.w3cfuns.com/thread-5597323-1-1.html 用AOP改善JavaScript代碼 https://github.com/alsotang/node-lessons Node.js包學包會 http://www.codeceo.com/article/node-js-upload-large-file.html Node.js上傳1G文件 http://cloudbbs.org/forum.php?mod=viewthread&tid=28773&page=1&extra=#pid180304 JavaScript之web通信 http://zhuxinyong.com/2014/11/03/%E4%BD%BF%E7%94%A8Express4%E5%92%8CNode%E6%90%AD%E5%BB%BARESTful-API/ 使用Express4和Node搭建RESTful API http://www.cnblogs.com/fengyuqing/p/backbone_events_api_usage.html Backbone事件模塊及其用法 http://bbs.html5cn.org/thread-83317-1-1.html HTML5畫布(CANVAS)速查簡表 http://www.gbtags.com/gb/site/sunnyboy2013.htm 圖解閉包 # css http://www.cnblogs.com/zhaoran/archive/2013/05/24/3097482.html css3 box-sizing屬性 http://www.webhek.com/misc/mastering-nth-child/#userconsent# 精通:nth-child http://www.cnblogs.com/dolphinX/p/3508869.html 浮動與BFC http://ued.ctrip.com/blog/wp-content/webkitcss/quicksearch.html webkit css 速查 http://www.cnblogs.com/ranran/archive/2014/11/03/4071088.html CSS 和 JS 動畫哪個更快 http://www.html5tricks.com/15-cool-html5-css3-animation.html 15個無比華麗的HTML5/CSS3動畫應用 http://rauchg.com/2014/7-principles-of-rich-web-applications/ 開發富WEBAPP的7個原則 http://www.daqianduan.com/4721.html CSS創建三角形 http://ued.ctrip.com/webkitcss/ 新版Webkit各屬性的介紹， http://enjoycss.com/ enjoycss http://css3lib.alloyteam.com/ css3lib http://www.cnblogs.com/yexiaochai/p/4074624.html CSS3布局 http://www.iloushi.cn/ued/playground/background/ 多層背景交換 http://www.cnblogs.com/lilyimage/p/3682810.html flex全揭秘 http://blog.bingo929.com/transform-translate3d-translatez-transition-gpu-hardware-acceleration.html 使用CSS3開啟GPU硬件加速提升網站動畫渲染性能 http://blog.bingo929.com/html5-and-css3-tools-list.html HTML5和CSS3工具資源匯總 # 移動 http://lyric.im/best-practice-for-web-app-development/ WEBAPP最佳實踐 http://juntao.me/?p=42 Web移動端頁面快速實現滑動效果 https://developer.apple.com/library/safari/navigation/ safari 開發者文檔 http://mobile.51cto.com/web-388485.htm Web App開發入門 http://isux.tencent.com/responsive-web-design.html 響應式網頁設計 http://www.cnblogs.com/vajoy/p/3903591.html 跨終端響應式頁面設計入門 http://www.lukew.com/ff/entry.asp?1927 大屏幕手機按鍵設計的幾種思考 http://www.cnblogs.com/aaronjs/p/3147470.html web app開發利器 - iscroll4 解決方案 http://pixelhandler.com/posts/develop-a-restful-api-using-nodejs-with-express-and-mongoose 使用express和mongoose在Node.js上開發restfun api http://www.w3cmark.com/2014/99.html 移動端面試 https://www.zybuluo.com/hacke2/note/45079 移動的一些名詞 http://www.html-js.com/article/2400 關于webapp中的文字單位的一些搗騰 http://www.html-js.com/article/2403 iSlider 移動端 Webapp 滑動的最優解決方案 http://www.nowamagic.net/csszone/css_IeFilterTransparencyShadowsEtc.php#userconsent# IE濾鏡實現透明度/陰影/漸變等特效 http://www.html-js.com/article/Like-the-winter-flexible-design-and-implementation-of-the-mobile-phone-Taobao-cold 手機淘寶的flexible設計與實現 # 作品 http://aui.github.io/popupjs/doc/selectbox.html select修飾器 http://www.seejs.com/demos/examples/opa/#userconsent# 無痕哥滑動 http://jsbin.com/jonuyuzu/2/edit 無痕哥 購物車 動畫 http://www.seejs.com/demos/examples/moon/#userconsent# 無痕哥白發魔女傳 http://www.ituring.com.cn/article/25069 前端開發技術的發展 http://www.codefans.net/jscss/code/3808.shtml JQ視覺差異 ? http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/#userconsent# JQ懶加載 http://www.adanghome.com/js_demo/45/ http://www.lightapp.cn/auto/index/3462?channel=1&code=00f807513935e39fd4fd5afac71f03b0&weixin.qq.com=&from=timeline&isappinstalled=0#wechat_webview_type=1&from=timeline&isappinstalled=0 移動滑動 http://demo.kalcaddle.com/index.php?editor WEB桌面 http://demo.itivy.com/jdigiclock/index.html 模擬HTC手機時間和天氣 https://github.com/romashamin/Size-Marks-PS Size-Marks-PS http://www.yyyweb.com/demo/animated-buttons/index.html CSS3按鈕 https://www.manymo.com/emulators 移動端模擬 https://github.com/ccampbell/mousetrap 對鍵盤操作的一些封裝 http://barretlee.github.io/SuperMarker/index_cn.html 小胡子哥的切圖神器 http://www.gbtags.com/gb/gblaitu.htm#0-tsina-1-81620-397232819ff9a47a7b7e80a40613cfe1 圖片生成工具 http://www.cnblogs.com/lhb25/p/jquery-face-detection-plugin.html JQ人臉識別 http://www.cnblogs.com/flylee90/p/4086102.html CSS3寫輪眼 http://www.html5tricks.com/10-cool-html5-new-animation.html 10款優秀的HTML5作品 http://btgoogle.com/SchoolTest.html 投簡歷時學校選擇器 http://www.oschina.net/news/56993/30-newest-free-ui-kits-for-november-2014 11 月份 30 個最新的免費 UI 工具包? ? # 知乎 http://www.zhihu.com/question/26165631 對于同樣的浮點數運算為何 Java 與 C 的結果不相同？ http://www.zhihu.com/question/21523362 js就是操作DOM用的么？ http://www.zhihu.com/question/23657255 如何快速判斷 DOM 元素位于 viewport 以外? http://www.zhihu.com/question/20175038 為什么使用原生 JS 刪除、替換 DOM 節點總是要用到父節點？ http://www.zhihu.com/question/26157282 新手關于如何看編程經典書的一些疑惑？ http://www.zhihu.com/question/20691294 為什么「box-sizing:border-box」沒有被廣泛采用 http://www.zhihu.com/question/24997992 面試階段如何與 HR 溝通薪酬？ http://www.zhihu.com/question/20194937 中國公司在 GitHub 上有哪些比較出彩的開源項目？ http://www.zhihu.com/question/22989105 「只差程序員」為什么會招黑？ http://www.zhihu.com/question/25680951 怎么進入BAT的研發部門? http://www.zhihu.com/question/26157282 新手關于如何看編程經典書的一些疑惑？ http://www.zhihu.com/collection/38766289 前端收藏欄 http://www.zhihu.com/question/26295825 作為一個前端工程師，是往node方面轉，還是往HTML5方面轉？ http://www.zhihu.com/question/26521450 前端切圖之前你是如何分析設計圖的？ # 綜合 http://www.cnblogs.com/twobin/p/4071132.html 這個小伙總結的基本都覆蓋了的 http://developer.51cto.com/art/201404/435435.htm 如何在github上為開源做貢獻 http://www.cnbeta.com/articles/341603.htm Google已為Chrome帶來全新的書簽管理器 http://www.cnblogs.com/hustskyking/p/life-in-alibaba.html 我在阿里這仨月 http://www.cnblogs.com/huang0925/p/4069921.html 程序員健身 http://news.html5tricks.com/something-about-internet-companies-and-software-engineering.html 互聯網公司和軟件工程那些事 http://www.codeceo.com/article/10-job-questions-i-ask.html 10個我最喜歡問程序員的面試問題 http://www.codeceo.com/article/7-feature-programmer-have.html 優秀程序員的精神 http://www.cnblogs.com/astwish/articles/3548844.html 如何在github上fork一個項目來貢獻代碼以及同步原作者的修改 http://blog.csdn.net/wirelessqa/article/details/20153689 Git入門指南十一:Git branch 分支與合并分支 http://hi.barretlee.com/2014/04/30/switch-branch-in-git/ git切換到遠程分支 https://www.zybuluo.com/mdeditor 在線 Markdown 編輯閱讀器 http://cdn.code.baidu.com/ 百度靜態資源庫 https://github.com/jayli/jayli.github.com/issues/16 航旅無線前端團隊必備技能 http://news.cnblogs.com/n/172861/ 揭秘Amazon反應速度超快的下拉菜單 http://www.cnblogs.com/editor/p/4080517.html 吐槽貼：百度地圖 api 封裝 的實用功能； http://krpano.com/ 制作全景圖 http://2014.jsconf.cn/slides/herman-taobaoweb 淘寶前后端分離 http://www.codeceo.com/article/5-sort-algorithm.html 5種排序算法性能比較總結? # 系列 ## 模塊化規范 https://github.com/cmdjs/specification/blob/master/draft/module.md https://github.com/seajs/seajs/issues/242 cmd https://github.com/amdjs/amdjs-api/wiki/AMD https://github.com/amdjs/amdjs-api/wiki/AMD-(%E4%B8%AD%E6%96%87%E7%89%88) amd https://github.com/seajs/seajs/issues/588 前端模塊化開發那點歷史 http://www.zhihu.com/question/20351507 AMD 和 CMD 的區別有哪些？ https://github.com/seajs/seajs/issues/547 前端模塊化的價值 http://lifesinger.wordpress.com/2011/05/17/the-difference-between-seajs-and-requirejs/ SeaJS 和 RequireJS 的異同 https://github.com/seajs/seajs/issues/971 如何改造現有文件為 CMD 模塊 define的定義 https://github.com/seajs/seajs/issues/242 cmd define 模塊定義 http://www.ruanyifeng.com/blog/2012/11/require_js.html amd define 模塊定義 https://github.com/seajs/seajs/issues/242 CMD 模塊定義規范 ## 導航站分享 http://whycss.com/ http://sentsin.com/daohang/ http://www.cnfeinfo.com http://123.jser.us/ http://www.css88.com/nav/ ## 前端性能優化 http://www.gbtags.com/gb/share/3771.htm http://www.gbtags.com/gb/share/3775.htm http://www.gbtags.com/gb/share/3782.htm ## 淘寶裝修工具 http://www.001daima.com/index.php?get=active&getmod=editor http://www.esio.cn http://www.soasoa.cn/index.html http://www.dianmishu.com/ http://www.animer.cn/editor.html ## 處理移動Web應用Scroll效果JS庫集合 https://github.com/ftlabs/ftscroller https://github.com/zynga/scroller https://github.com/davidaurelio/TouchScroll http://cubiq.org/iscroll ## 瀏覽器原理 http://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/ 瀏覽器的工作原理 http://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/ http://ux.sohu.com/topics/50972d9ae7de3e752e0081ff?qq-pf-to=pcqq.group http://www.smallni.com/css-performance-from-the-browsers-rendering/ 瀏覽器的工作原理：新式網絡瀏覽器幕后揭秘 http://coolshell.cn/articles/9666.html 瀏覽器的渲染原理簡介 http://blog.vtmer.com/2013/05/high-performance-javascript-1/ js 并行加載與順序執行 http://fex.baidu.com/blog/2014/05/what-happen/ 從輸入 URL 到頁面加載完成的過程中都發生了什么事情？ http://ux.sohu.com/topics/50972d9ae7de3e752e0081ff?qq-pf-to=pcqq.group 瀏覽器的工作原理：新式網絡瀏覽器幕后揭秘 http://hikejun.com/blog/2012/02/02/js%E5%92%8Ccss%E7%9A%84%E9%A1%BA%E5%BA%8F%E5%85%B3%E7%B3%BB js css的順序 http://coolshell.cn/articles/9749.html js的裝載與執行 http://renyongjie668.blog.163.com/blog/static/1600531201097062789/ 瀏覽器加載和渲染html的順序 ## ES兼容性查詢 http://kangax.github.io/compat-table/es5/ 這是5的 http://kangax.github.io/compat-table/es6/ 這是6的 http://kangax.github.io/compat-table/es7/ 這是7的。 ## 簡歷 http://learnshare.github.io/about/index.html 不錯的個人簡歷 http://hcy2367.github.io/resume/ 簡歷 http://ncuey.sinaapp.com/CrispElite/ 張倫 https://github.com/hacke2/ResumeSample 簡歷 http://blog.dandyweng.com/2013/07/how-my-website-was-created/ 翁天信 http://www.webhek.com/misc/interactive-resume/ 動畫方式的簡歷 http://www.linqing07.com/resume.html 組件豐富簡歷