資源教程: 綜合類 前端知識體系 前端知識結構 Web前端開發大系概覽 Web前端開發大系概覽-中文版 Web Front-end Stack v2.2 免費的編程中文書籍索引 前端書籍 前端免費書籍大全 前端知識體系 免費的編程中文書籍索引 智能社 - 精通JavaScript開發 重新介紹 JavaScript（JS 教程） 麻省理工學院公開課：計算機科學及編程導論 JavaScript中的this陷阱的最全收集--沒有之一 JS函數式編程指南 JavaScript Promise迷你書（中文版） 騰訊移動Web前端知識庫 Front-End-Develop-Guide 前端開發指南 前端開發筆記本 大前端工具集 - 聶微東 前端開發者手冊 入門類 前端入門教程 瘳雪峰的Javascript教程 jQuery基礎教程 前端工程師必備的PS技能——切圖篇 結合個人經歷總結的前端入門方法 效果類 彈出層 焦點圖輪播特效 工具類 css sprite 雪碧圖制作 版本控制入門 – 搬進 Github Grunt-beginner前端自動化工具 慕課專題 張鑫旭 - 慕課系列 lyn - 慕課系列 艾倫 - 慕課系列 碧仔 - Hello，移動WEB 周報類 平安科技移動開發二隊技術周報 六. API: 1. 總目錄 開發中心 mozilla js參考 chrome開發中心（chrome的內核已轉向blink） safari開發中心 microsoft js參考.aspx) js秘密花園 js秘密花園 w3help 綜合Bug集合網站 綜合搜索 javascripting 各種流行庫搜索 綜合API runoob.com-包含各種API集合 開源中國在線API文檔合集 devdocs 英文綜合API網站 2. jQuery jQuery API 中文文檔 hemin 在線版 css88 jq api css88 jqui api 學習jquery jquery 源碼查找 3. Ecmascript Understanding ECMAScript 6 - Nicholas C. Zakas exploring-es6 exploring-es6翻譯 exploring-es6翻譯后預覽 阮一峰 es6 阮一峰 Javascript ECMA-262，第 5 版 es5 4. Js template template-chooser artTemplate tomdjs 淘寶模板juicer模板 Fxtpl v1.0 繁星前端模板引擎 laytpl mozilla - nunjucks Juicer dustjs etpl 5. 彈出層 artDialog 最新版 artDialog 文檔 google code 下載地址 賢心彈出層 響應式用戶交互組件庫 sweetalert-有css3動畫彈出層 6. CSS CSS 語法參考 CSS3動畫手冊 騰訊css3動畫制作工具 志爺css小工具集合 css3 js 移動大雜燴 bouncejs 觸摸庫 css3 按鈕動畫 animate.css 全局CSS的終結(狗帶) [譯] 7. Angularjs Angular.js 的一些學習資源 angularjs中文社區 Angularjs源碼學習 Angularjs源碼學習 angular對bootstrap的封裝 angularjs + nodejs 呂大豹 Angularjs AngularJS 最佳實踐 Angular的一些擴展指令 Angular數據綁定原理 一些擴展Angular UI組件 Ember和AngularJS的性能測試 帶你走近AngularJS - 基本功能介紹 Angularjs開發指南 Angularjs學習 不要帶著jQuery的思維去學習AngularJS angularjs 學習筆記 angularjs 開發指南 angularjs 英文資料 angular bootstrap angular jq mobile angular ui 整合jQuery Mobile+AngularJS經驗談 有jQuery背景，該如何用AngularJS編程思想 AngularJS在線教程 angular學習筆記 8. React react.js 中文論壇 react.js 官方網址 react.js 官方文檔 react.js material UI react.js TouchstoneJS UI react.js amazeui UI React 入門實例教程 - 阮一峰 React Native 中文版 Webpack 和 React 小書 - 前端亂燉 Webpack 和 React 小書 - gitbook webpack Webpack，101入門體驗 webpack入門教程 基于webpack搭建前端工程解決方案探索 React原創實戰視頻教程 9. 移動端API API 99移動端知識集合 移動端前端開發知識庫 移動前端的一些坑和解決方法（外觀表現） 【原】移動web資源整理 zepto 1.0 中文手冊 zepto 1.0 中文手冊 zepto 1.1.2 zepto 中文注釋 jqmobile 手冊 移動瀏覽器開發集合 移動開發大雜燴 微信webview中的一些問題 框架 特色的HTML框架可以創建精美的iOS應用 淘寶SUI 10. avalon avalonjs Avalon新一代UI庫： OniUI avalon.oniui-基于avalon的組件庫 []() 11. Requriejs Javascript模塊化編程（一）：模塊的寫法 Javascript模塊化編程（二）：AMD規范 Javascript模塊化編程（三）：require.js的用法 RequireJS入門（一） RequireJS入門（二） RequireJS進階（三） requrie源碼學習 requrie 入門指南 requrieJS 學習筆記 requriejs 其一 require backbone結合 12. Seajs seajs seajs 中文手冊 13. Less,sass sass sass教程-sass中國 Sass 中文文檔 less 14. Markdown Markdown 語法說明 (簡體中文版) markdown入門參考 gitbook 國外的在線markdown可編輯成書 mdeditor 一款國內的在線markdown編輯器 stackedit 國外的在線markdown編輯器，功能強大，同步云盤 mditor 一款輕量級的markdown編輯器 lepture-editor markdown-editor 15. D3 d3 Tutorials Gallery lofter iteye ruanyifeng 16. 兼容性 esma 兼容列表 W3C CSS驗證服務 caniuse csscreator microsoft.aspx) 在線測兼容-移動端 emulators 17. UI相關 bootcss MetroUICSS semantic Buttons kitecss pintuer amazeui worldhello linuxtoy gitmagic rogerdudler gitref book gogojimmy 18. HTTP HTTP API 設計指南 19. 其它API javascript流行庫匯總 驗證api underscore 中文手冊 underscore源碼分析 underscore源碼分析-亞里士朱德的博客 underscrejs en api lodash - underscore的代替品 ext4api backbone 中文手冊 qwrap手冊 緩動函數 svg 中文參考 svg mdn參考 svg 導出 canvas svg 導出 png ai-to-svg localStorage 庫 20. 圖表類 Highcharts 中文API Highcharts 英文API ECharts 百度的圖表軟件 高德地圖 開源的矢量圖腳本框架 svg 地圖 21. vue Vue Vue 論壇 Vue 入門指南 Vue 的一些資源索引 []() 21. 正則 JS正則表達式元字符 正則表達式30分鐘入門教程 MDN-正則表達式 ruanyifeng - RegExp對象 小胡子哥 - 進階正則表達式 is.js 正則在線測試 []() 22. ionic ionic 23. 其它 Mock.js 是一款模擬數據生成器 七. 開發規范 前端 通過分析github代碼庫總結出來的工程師代碼書寫習慣 HTML&CSS編碼規范 by @mdo 團隊合作的css命名規范-騰訊AlloyTeam前端團隊 前端編碼規范之js - by yuwenhui 前端編碼規范之js - by 李靖 前端開發規范手冊 Airbnb JavaScript 編碼規范（簡體中文版） AMD與CMD規范的區別 AMD與CMD規范的區別 KISSY 源碼規范 bt編碼規范 規范加強版 前端代碼規范 及 最佳實踐 百度前端規范 百度前端規范 百度前端規范 ECMAScript6 編碼規范--廣發證券前端團隊 JavaScript 風格指南/編碼規范（Airbnb公司版） 網易前端開發規范 css模塊 前端規范資源列表 PHP 最流行的PHP 代碼規范 最流行的PHP 代碼規范 Android 【敏捷開發】Android團隊開發規范 Android 開發規范與應用 八. 其它收集 1. 各大公司開源項目 Facebook Projects 百度web前端研發部 百度EFE 百度github alloyteam alloyteam-github alloyteam-AlloyGameEngine AlloyDesigner 即時修改，即時保存，設計稿較正，其它開發輔助工具 H5交互頁編輯器AEditor介紹 H5動畫交互頁開發的工具介紹 AEditor H5動畫交互頁開發的工具 maka 值得訂閱的weekly 騰訊html5 奇舞團開源項目 Qunar UED 2. Javascript 常用 ieBetter.js-讓IE6-IE8擁有IE9+,Chrome等瀏覽器特性 模擬鍵盤 拼音 中國個人身份證號驗證 算法 數據結構與算法 JavaScript 描述. 章節練習 常見排序算法（JS版） 經典排序 常見排序算法-js版本 JavaScript 算法與數據結構 精華集 面試常考算法題精講 []() 移動端 fastclick no-click-delay JSON 模擬生成JSON數據 返回跨域JSONAPI 3. Html5 HTML5 有哪些讓你驚艷的 demo？ 4. CSS browserhacks []() 5. jQuery 焦點圖 myfocus myfocus-官方演示站 SuperSlidev2.1 -- 大話主席 soChange 6. Ext, EasyUI, J-UI 及其它各種UI方案 Ext extjs ext4英文api ext4中文api []() EasyUI jquery easyui 未壓縮源代碼 J-UI J-UI Other MUI-最接近原生APP體驗的高性能前端框架 Amaze UI | 中國首個開源 HTML5 跨屏前端框架 淘寶 HTML5 前端框架 KISSY - 阿里前端JavaScript庫 網易Nej - Nice Easy Javascript Kendo UI MVVM Demo Bootstrap Smart UI 雅虎UI - CSS UI 7. 頁面 社會化 分享功能 百度分享 pc端 JiaThis pc端 社會化分享組件 移動端 ShareSDK 輕松實現社會化功能 移動端 友盟分享 移動端 8. 富文本編輯器 百度 ueditor 經典的ckeditor 經典的kindeditor wysiwyg 一個有情懷的編輯器。Bach's Editor tower用的編輯器 summernote 編輯器 html5編輯器 XEditor wangEditor 9. 日歷 PC 經典my97 強大的獨立日期選擇器 fullcalendar fullcalendar日歷控件知識點集合 中文api 農歷日歷 超酷的仿百度帶節日日歷老黃歷控件 日期格式化 大牛日歷控件 我群某管理作品 input按位替換-官網 input按位替換-github bootstrap-daterangepicker 國外30個插件集合 JavaScript datepicker Datepair.js 一個風格多樣的日歷 彈出層式的全日歷 jquery雙日歷 移動 大氣實用jQuery手機移動端日歷日期選擇插件 jQuery Mobile 移動開發中的日期插件Mobiscroll Date library Datejs sugarjs 10. 綜合效果搜索平臺 效果網 17素材 常用的JavaScript代碼片段 11. 前端工程化 概述 前端工具大全 什么是前端工程化 Gulp Gulp官網 Gulp中文網 gulp資料收集 Gulp：任務自動管理工具 - ruanyifeng Gulp插件 Gulp不完全入門教程 為什么使用gulp? Gulp安裝及配合組件構建前端開發一體化 Gulp 入門指南 Gulp 入門指南 - nimojs Gulp入門教程 Gulp in Action Gulp開發教程（翻譯） 前端構建工具gulpjs的使用介紹及技巧 Grunt gruntjs Grunt中文網 Fis fis 官網 fis 12. 輪播圖 pc圖輪 單屏輪播sochange 左右按鈕多圖切換 fullpage全屏輪播 移動端 無縫切換 滑屏效果 全屏fullpage 單個圖片切換 單個全屏切換 百度的切換庫 單個全屏切換 滑屏效果 旋轉拖動設置 類似于swipe切換 支持多種形式的觸摸滑動 滑屏效果 大話主席pc移動圖片輪換 滑屏效果 基于zepto的fullpage [WebApp]定寬網頁設計下，固定寬度布局開發WebApp并實現多終端下WebApp布局自適應 判斷微信客戶端的那些坑 可以通過javascript直接調用原生分享的工具 JiaThis 分享到微信代碼 聊聊移動端跨平臺開發的各種技術 前端自動化測試 多種輪換圖片 滑動側邊欄 13. 文件上傳 百度上傳組件 上傳 flash 頭像上傳 圖片上傳預覽 圖片裁剪 圖片裁剪-shearphoto jQuery圖片處理 []() 14. 模擬select 糖餅 select flexselect 雙select select2 []() 15. 取色插件 類似 Photoshop 的界面取色插件 jquery color 取色插件集合 farbtastic 圓環＋正方形 []() 16. 城市聯動 jquery.cityselect.js基于jQuery+JSON的省市或自定義聯動效果 []() 17. 剪貼板 剪貼板 clipboard 最新的剪切方案 不是Flash的剪貼板 18. 簡繁轉換 簡繁轉換 19. 表格 Grid facebook表格 類似于Excel編輯表格-handsontable bootstrap-table插件 datatables 20. 在線演示 js 在線編輯 - runjs js 在線編輯 - jsbin js 在線編輯 - codepen js 在線編輯 - jsfiddle java 在線編輯 - runjs js 在線編輯 - hcharts js 在線編輯 - jsdm sql 在線編輯 - sqlfiddle mozilla 在線編輯器 21. 播放器 Html5 VideoPlayer 22. 粒子動畫 Proton 煙花 九. Nodejs nodejs 篇幅比較巨大 Node.js 包教不包會 篇幅比較少 node express 入門教程 nodejs定時任務 一個nodejs博客 【NodeJS 學習筆記04】新聞發布系統 過年7天樂，學nodejs 也快樂 七天學會NodeJS Nodejs學習筆記（二）--- 事件模塊 nodejs入門 angularjs nodejs 從零開始nodejs系列文章 理解nodejs nodejs事件輪詢 node入門 nodejs cms Node初學者入門，一本全面的NodeJS教程 NodeJS的代碼調試和性能調優 十. 性能優化 常規優化 Javascript高性能動畫與頁面渲染 移動H5前端性能優化指南 5173首頁前端性能優化實踐 給網頁設計師和前端開發者看的前端性能優化 復雜應用的 CSS 性能分析和優化建議 張鑫旭——前端性能 前端性能監控總結 網站性能優化之CSS無圖片技術 web前端性能優化進階路 前端技術：網站性能優化之CSS無圖片技術 瀏覽器的加載與頁面性能優化 頁面加載中的圖片性能優化 Hey——前端性能 html優化 99css——性能 Yslow——性能優化 YSLOW中文介紹 轉一篇Yahoo關于網站性能優化的文章，兼談本站要做的優化 Yahoo!團隊實踐分享：網站性能 網站性能優化指南：什么使我們的網站變慢？ 網站性能優化實踐，減少加載時間，提高用戶體驗 淺談網站性能優化 前端篇 前端重構實踐之如何對網站性能優化？ 前端性能優化：使用媒體查詢加載指定大小的背景圖片 網站性能系列博文 加載，不只是少一點點 前端性能的測試與優化 分享網頁加載速度優化的一些技巧？ 頁面加載中的圖片性能優化 web前端優化(基于Yslow) 網站性能優化工具大全 【高性能前端1】高性能HTML 【高性能前端2】高性能CSS 由12306談談網站前端性能和后端性能優化 AlloyTeam——前端優化 毫秒必爭，前端網頁性能最佳實踐 網站性能工具Yslow的使用方法 前端工程與性能優化（上）：靜態資源版本更新與緩存 前端工程與性能優化（下）：靜態資源管理與模板框架 HTTPS連接的前幾毫秒發生了什么 Yslow Essential Web Performance Metrics — A Primer, Part 1 Essential Web Performance Metrics — Part 2 YUISlide,針對移動設備的動畫性能優化 Improving Site Performance 讓網站提速的最佳前端實踐 Why Website Speed is Important Need for Speed – How to Improve your Website Performance 阿里無線前端性能優化指南 (Pt.1 加載期優化) []() 優化工具 JavaScript 性能分析新工具 OneProfile JavaScript 堆內存分析新工具 OneHeap 在線工具 google在線工具 阿里測 阿里-免費測試服務 阿里-F2etest多瀏覽器兼容性測試解決方案 js性能測試 []() 十一. 前端架構 技術架構 前端架構 如何成為前端架構師 關于前端架構-張克軍 百度騰訊offer比較（騰訊游戲VS百度基礎架構） []() 十二. 個人作品 1. 推薦作品 winter代碼片段需要翻墻點擊預覽 fgm 岑安作品集 當耐特demo集合 米空格 js作品 myFocus SeaJS組件庫 顏海鏡作品 腳兒網作品 javascript個人作品 妙味的雷東升游戲作品 javascript作品集 云五筆，灰度產生生成工具 項目主頁 個性的作品主頁 播放器 ucren js demos 集 智能社 實例陳列架 zoye demo 王員外 平凡 jyg 游戲案例 很多jquery插件 不羈蟲 - soJs 作品系列 frozenui 黑白棋 fromone 2. 群員作品 MDialog - [合肥-M.J] 輪播圖 - [上海－冷靜] [廣州—堅殼] [成都 - 無痕]　感恩節專題 [球霸天] [北京-小數] [ptf] Magix 工具 [杭州-Pft] Magix 基于 MVC 結構和 Hash 驅動的 OPOA（One Page One Application）應用 [上海-劇中人]-實驗室 [上海-豪情 ] 作品集合 [成都-feeling] [上海-angela] [海南-hank]作品 [上海-張力]博客 [上海-zenki]作品 移動端圖案解鎖 [合肥-M.J] - MPreview 移動端圖片預覽組 [合肥-M.J] - Mexam 移動端在線做題組 [北京-蘇瑞] - dancer小人 [上海-玄沐]- 個人網站 [廈門-二哲]- 個人博客 3. 國外大牛精品 pazguille 十三. 簡歷模板 不錯的個人簡歷 簡歷 張倫 簡歷 翁天信 動畫方式的簡歷 組件豐富簡歷 簡歷池 haorooms博客 Justin Young []() 十四. 面試題 那幾個月在找工作（百度，網易游戲） 2014最新面試題 阿里前端面試題 2016校招內推 -- 阿里巴巴前端 -- 三面面試經歷 騰訊面試題 年后跳槽那點事：樂視+金山+360面試之行 阿里前端面試題上線 拉勾網js面試題 前端面試 Web開發筆試面試題 大全 前端開發面試題 2014最新前端面試題 百度面試 面試題 前端工作面試問題 前端開發面試題 5個經典的前端面試問題 最全前端面試問題及答案總結 如何面試一名前端開發工程師？ 史上最全 前端開發面試問題及答案整理 前端實習生面試總結 史上最全 前端開發面試問題及答案整理 BAT及各大互聯網公司2014前端筆試面試題：JavaScript篇 前端開發面試題大收集 收集的前端面試題和答案 如何面試前端工程師 前端開發面試題 牛客網-筆試面經 十五. iconfont 中文字體 淘寶字庫 字體 制作教程 zhangxinxu-icommon icommon 用字體在網頁中畫ICON圖標(推薦教程) 字體壓縮工具 感謝初級群　[深圳-小魚] 的推薦 十六. 開發工具類 前端開發工具 IntelliJ IDEA 簡體中文專題教程 Webstorm,InterllIdea,Phpstorm SublimeText Atom visual studio code Chrome, Firebug, Filddle 調試 Fiddler Fiddler調式使用知多少(一)深入研究 微信fiddle 微信fiddle []() Chrome Google Chrome 官方 Chrome - 基礎 Chrome - 進階 Chrome - 性能 Chrome - 性能進階 Chrome - 移動 Chrome - 使用技巧 Chrome - Console控制臺不完全指南 Chrome - Workspace使瀏覽器變成IDE network面板 chrome開發工具快捷鍵 chrome調試工具常用功能整理 Chrome 開發工具 Workspace 使用 Chrome神器Vimium快捷鍵學習記錄 sass調試-w3cplus 如何更專業的使用Chrome開發者工具-w3cplus chrome調試canvas chrome profiles1 chrome profiles2 chrome profiles3 chrome移動版調試 chrome調試 chrome的調試 chrome console 命令詳解 查看事件綁定1 查看事件綁定2 神器——Chrome開發者工具(一) 奇趣百科性能優化(Chrome DevTools 中的 Timeline Profils 等工具使用介紹) chrome 開發者工具的 15 個小技巧 Chrome開發者工具不完全指南 Chrome 開發者工具使用技巧 Firebug firebug視頻教程 firefox 模擬器 console.log 命令詳解 Firebug入門指南 Firebug控制臺詳解 []() 移動,微信調試 瀏覽器端調試安卓 移動端前端開發調試 使用 Chrome 遠程調試 Android 設備 mac移動端調試 mac移動端調試 無線調試攻略 無線調試攻略 屌爆了,完美調試 微信webview(x5) 微信調試的那些事 遠程console 微信調試工具 各種真機遠程調試方法匯總 iOS Simulator Simulator Xcode中的iOS模擬器(iOS Simulator)的介紹和使用心得 img loading img 智圖-圖片優化平臺 在線png優化 生成二維碼 生成二維碼 瀏覽器同步 puer liveReload f5 File Watchers 在線PPT制作 nodePPT PPT reveal slippy 十七. 前端導航網站 界面清爽的前端導航 前端導航 前端網址導航 前端名錄 前端導航 前端開發資源 網址導航 前端開發倉庫 - 眾多效果的收集地 前端資源導航 F2E 前端導航 十八. 常用CDN 新浪CDN 百度靜態資源公共庫 360網站衛士常用前端公共庫CDN服務 Bootstrap中文網開源項目免費 CDN 服務 開放靜態文件 CDN - 七牛 CDN加速 - jq22 jQuery CDN Google jQuery CDN 微軟CDN 十九. Git,SVN,Github Git git-scm 廖雪峰-Git教程 git-for-windows GitHub 添加 SSH keys gogithub git常規命令練習 git的資料整理 我所記錄的git命令（非常實用） 企業開發git工作流模式探索部分休整 GitHub 漫游指南 GitHub秘籍 使用git和github進行協同開發流程 動畫方式練習git