####1. 各大公司開源項目
- Facebook
- [Facebook Projects](https://code.facebook.com/projects/web/)
- 百度 Baidu
- [百度web前端研發部](http://fex.baidu.com/)
- [百度EFE](http://efe.baidu.com/)
- [百度github](https://github.com/fex-team/)
- 騰訊 qq
- [alloyteam](http://www.alloyteam.com/)
- [alloyteam-github](http://alloyteam.github.io/)
- [alloyteam-AlloyGameEngine](https://github.com/AlloyTeam/AlloyGameEngine)
- [AlloyDesigner](http://alloyteam.github.io/AlloyDesigner/) 即時修改,即時保存,設計稿較正,其它開發輔助工具
- [H5交互頁編輯器AEditor介紹](http://www.alloyteam.com/2015/06/h5-jiao-hu-ye-bian-ji-qi-aeditor-jie-shao/) H5動畫交互頁開發的工具介紹
- [AEditor](http://aeditor.alloyteam.com/) H5動畫交互頁開發的工具
- [騰訊html5](http://cube.qq.com/)
- [騰訊開源項目](http://tencentopen.github.io)
- 奇舞團
- [奇舞團開源項目](http://75team.github.io/)
- 去哪兒
- [Qunar UED](http://ued.qunar.com/)
- 其它
- [maka](http://forum.maka.im/wordpress/)
- [值得訂閱的weekly](https://github.com/fenbility/weekly-feed)
####2. Javascript
1. 常用
- [ieBetter.js-讓IE6-IE8擁有IE9+,Chrome等瀏覽器特性](http://www.zhangxinxu.com/wordpress/2013/12/iebetter-js-make-ie6-ie8-like-modern-browser-ie9-chrome/)
- [模擬鍵盤](http://mottie.github.io/Keyboard/)
- [拼音](https://github.com/hotoo/pinyin)
- [中國個人身份證號驗證](https://github.com/mc-zone/IDValidator)
2. 算法
- [數據結構與算法 JavaScript 描述. 章節練習](https://github.com/Ralph-Wang/algorithm.in.js)
- [常見排序算法(JS版)](https://github.com/twobin/twobinSort)
- [經典排序](https://github.com/luofei2011/jsAgm/blob/master/js/sort.js)
- [常見排序算法-js版本](https://github.com/hechangmin/jssort)
- [JavaScript 算法與數據結構 精華集](https://github.com/lightningtgc/JavaScript-Algorithms)
- [面試常考算法題精講](http://www.nowcoder.com/live/courses)
3. 移動端
- [fastclick](https://github.com/ftlabs/fastclick)
- [no-click-delay](https://github.com/mmastrac/jquery-noclickdelay)
4. JSON
- [模擬生成JSON數據](http://beta.json-generator.com/)
- [返回跨域JSONAPI](http://jsonp.afeld.me/)
####3. Html5
- [HTML5 有哪些讓你驚艷的 demo?](http://www.zhihu.com/question/24398907)
- [html5 Canvas畫圖系列教程目錄](http://jo2.org/html5-canvas-tutorial-list/)
####4. CSS
- [browserhacks](http://browserhacks.com/)
####5. jQuery
1. 焦點圖
- [myfocus](https://github.com/koen301/myfocus)
- [myfocus-官方演示站](http://www.chhua.com/myfocus/)
- [SuperSlidev2.1 -- 大話主席](http://www.superslide2.com/)
- [soChange](http://www.bujichong.com/sojs/soChange/index.html)
####6. Ext, EasyUI, J-UI 及其它各種UI方案
1. Ext
- [extjs](https://www.sencha.com/products/extjs/)
- [ext4英文api](http://docs.sencha.com/extjs/4.0.7/)
- [ext4中文api](http://extjs-doc-cn.github.io/ext4api/)
2. EasyUI
- [jquery easyui 未壓縮源代碼](http://jquery-easyui.googlecode.com/svn/trunk/src/)
3. J-UI
- [J-UI](http://www.j-ui.com)
4. Other
- [MUI-最接近原生APP體驗的高性能前端框架](http://dcloudio.github.io/mui/)
- [Amaze UI | 中國首個開源 HTML5 跨屏前端框架](http://amazeui.org/)
- [淘寶 HTML5 前端框架](http://m.sui.taobao.org/)
- [KISSY - 阿里前端JavaScript庫](http://docs.kissyui.com/)
- [網易Nej - Nice Easy Javascript](http://nej.netease.com/)
- [Kendo UI MVVM Demo](http://demos.telerik.com/kendo-ui/mvvm/index)
- [Bootstrap](http://www.bootcss.com/)
- [Smart UI](http://smartui.chinamzz.com/)
- [雅虎UI - CSS UI](http://developer.yahoo.com/yui/grids/)
####7. 頁面 社會化 分享功能
- [百度分享](http://share.baidu.com/) pc端
- [JiaThis](http://jiathis.com/) pc端
- [社會化分享組件](http://developer.baidu.com/soc/share) 移動端
- [ShareSDK 輕松實現社會化功能](http://www.mob.com/#/index) 移動端
- [友盟分享](http://www.umeng.com/social) 移動端
- [addthis](http://www.addthis.com/) 國外社交分享
####8. 富文本編輯器
- [百度 ueditor](http://ueditor.baidu.com/website/)
- [經典的ckeditor](http://ckeditor.com/)
- [經典的kindeditor](http://kindeditor.net/)
- [wysiwyg](http://www.bootcss.com/p/bootstrap-wysiwyg/)
- [一個有情懷的編輯器。Bach's Editor](http://integ.github.io/BachEditor/)
- [tower用的編輯器](https://github.com/mycolorway/simditor)
- [summernote 編輯器](https://github.com/summernote/summernote)
- [html5編輯器](http://neilj.github.io/Squire/)
- [XEditor](http://lab.hustlzp.com/XEditor/)
- [wangEditor](https://github.com/wangfupeng1988/wangEditor)
- [wangEditor-mobile--移動端編輯器](https://github.com/wangfupeng1988/wangEditor-mobile)
- [Trumbowyg - 輕量編輯器](http://alex-d.github.io/Trumbowyg/)
- [國外的一款編輯器 - tinymce](https://www.tinymce.com)
####9. 日歷
1. PC
- [經典my97](http://www.my97.net/dp/demo/index.htm)
- [強大的獨立日期選擇器](http://www.cnblogs.com/gbin1/archive/2012/04/16/2452105.html)
- [fullcalendar](http://arshaw.com/fullcalendar/)
- [fullcalendar日歷控件知識點集合 ](http://blog.csdn.net/francislaw/article/details/7740630)
- [中文api](http://blog.sina.com.cn/s/blog_9475b1c101012c5f.html)
- [農歷日歷](https://github.com/zzyss86/LunarCalendar)
- [超酷的仿百度帶節日日歷老黃歷控件](http://www.sucaisj.com/jiaoben/date/201509/16856.html)
- [日期格式化](http://momentjs.com/)
- [大牛日歷控件](https://github.com/Johnqing/QPAYCalendar/)
- [我群某管理作品](https://github.com/Iamlars/dateMarker)
- [input按位替換-官網](http://digitalbush.com/projects/masked-input-plugin/)
- [input按位替換-github](https://github.com/digitalBush/jquery.maskedinput/tree/1.2.2)
- [bootstrap-daterangepicker](https://github.com/dangrossman/bootstrap-daterangepicker)
- [國外30個插件集合](http://www.vandelaydesign.com/30-best-free-jquery-plugins/)
- [JavaScript datepicker](http://dbushell.com/2012/10/09/pikaday-javascript-datepicker/)
- [Datepair.js](http://jonthornton.github.io/Datepair.js/)
- [一個風格多樣的日歷](https://github.com/glad/glDatePicker)
- [彈出層式的全日歷](http://amsul.ca/pickadate.js/date/)
- [jquery雙日歷](http://www.daterangepicker.com/)
- [bootstrap-datetimepicker/](http://www.bootcss.com/p/bootstrap-datetimepicker/)
- [賢心-laydate](http://laydate.layui.com/)
- [Pikaday-微型日歷](http://dbushell.github.io/Pikaday/)
- [AngularJS datepicker directives](https://github.com/g00fy-/angular-datepicker)
2. 移動
- [大氣實用jQuery手機移動端日歷日期選擇插件](http://www.frankdemo.cn/index.php?c=content&a=show&id=115)
- [jQuery Mobile 移動開發中的日期插件Mobiscroll ](https://mobiscroll.com/)
3. Date library
- [Datejs](https://github.com/datejs/Datejs)
- [sugarjs](http://sugarjs.com/api/Date)
####10. 綜合效果搜索平臺
- [效果網](http://www.jq22.com)
- [17素材](http://www.17sucai.com/)
- [常用的JavaScript代碼片段](http://microjs.com/)
####11. 前端工程化
1. 概述
- [前端工具大全](http://www.awesomes.cn/)
- [什么是前端工程化](https://github.com/fouber/blog/issues/10?from=timeline&isappinstalled=0#)
2. Gulp
- [Gulp官網](http://gulpjs.com/)
- [Gulp中文網](http://www.gulpjs.com.cn/)
- [gulp資料收集](https://github.com/Platform-CUF/use-gulp)
- [Gulp:任務自動管理工具 - ruanyifeng](http://javascript.ruanyifeng.com/tool/gulp.html)
- [Gulp插件](http://gulpjs.com/plugins/)
- [Gulp不完全入門教程](http://www.ido321.com/1622.html)
- [為什么使用gulp?](https://github.com/hjzheng/CUF_meeting_knowledge_share/issues/33)
- [Gulp安裝及配合組件構建前端開發一體化](http://www.dbpoo.com/getting-started-with-gulp/)
- [Gulp 入門指南](https://github.com/nimojs/gulp-book)
- [Gulp 入門指南 - nimojs](https://github.com/nimojs/blog/issues/19)
- [Gulp入門教程](http://markpop.github.io/2014/09/17/Gulp%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B/)
- [Gulp in Action](http://www.imooc.com/video/5692)
- [Gulp開發教程(翻譯)](http://www.w3ctech.com/topic/134)
- [前端構建工具gulpjs的使用介紹及技巧](http://www.cnblogs.com/2050/p/4198792.html)
3. Grunt
- [gruntjs](http://gruntjs.com/)
- [Grunt中文網](http://www.gruntjs.net/)
4. Fis
- [fis 官網](http://fex-team.github.io/fis-site/index.html)
- [fis](http://fis.baidu.com/)
5. webpack
- [webpack](https://github.com/webpack/webpack)
- [Webpack 中文指南](https://zhaoda.gitbooks.io/webpack/content/index.html)
- [Webpack,101入門體驗](http://html-js.com/article/3009)
- [webpack入門教程](http://html-js.com/article/3113)
- [基于webpack搭建前端工程解決方案探索](http://segmentfault.com/a/1190000003499526)
- [Webpack傻瓜式指南(一)](http://zhuanlan.zhihu.com/FrontendMagazine/20367175)
- [Webpack指南](https://github.com/TJZC/Banyan/wiki/Webpack%E6%8C%87%E5%8D%97)
- [webpack指南](http://webpack.toobug.net/zh-cn/index.html)
####12. 輪播圖
1. pc圖輪
- [單屏輪播sochange](http://www.jsfoot.com/jquery/demo/2011-09-20/192.html)
- [左右按鈕多圖切換](http://bxslider.com/examples/carousel-demystified)
- [fullpage全屏輪播](https://github.com/alvarotrigo/fullPage.js/)
2. 移動端
- [無縫切換](http://www.swipejs.com/)
- [滑屏效果](http://www.idangero.us/swiper)
- [全屏fullpage](https://github.com/peunzhang/fullpage)
- [單個圖片切換](https://github.com/qiqiboy/touchslider)
- [單個全屏切換](https://github.com/peunzhang/slip.js)
- [百度的切換庫](http://touch.code.baidu.com/examples.html?qq-pf-to=pcqq.group)
- [單個全屏切換](https://github.com/peunzhang/iSlider)
- [滑屏效果](https://github.com/saw/touch-interfaces)
- [旋轉拖動設置](http://baijs.com/tinycircleslider/)
- [類似于swipe切換](http://touchslider.com/)
- [支持多種形式的觸摸滑動](http://www.swiper.com.cn/demo/index.html)
- [滑屏效果](https://github.com/joker-ye/main/blob/master/wap/index.html)
- [大話主席pc移動圖片輪換](http://www.superslide2.com/)
- [滑屏效果](https://github.com/hahnzhu/parallax.js)
- [基于zepto的fullpage](https://github.com/yanhaijing/zepto.fullpage)
- [[WebApp]定寬網頁設計下,固定寬度布局開發WebApp并實現多終端下WebApp布局自適應](http://www.cnblogs.com/plums/archive/2013/01/10/WebApp-fixed-width-layout-of-multi-terminal-adapter-since.html)
- [判斷微信客戶端的那些坑](http://loo2k.com/blog/detecting-wechat-client/)
- [可以通過javascript直接調用原生分享的工具](https://github.com/JefferyWang/nativeShare.js)
- [JiaThis 分享到微信代碼](http://www.jiathis.com/help/html/weixin-share-code)
- [聊聊移動端跨平臺開發的各種技術](http://fex.baidu.com/blog/2015/05/cross-mobile/)
- [前端自動化測試](http://www.zhihu.com/question/29922082)
- [多種輪換圖片](http://ajccom.github.io/niceslider/)
- [滑動側邊欄](https://mango.github.io/slideout/)
####13. 文件上傳
- [百度上傳組件](http://fex.baidu.com/webuploader/)
- [上傳](https://blueimp.github.io/jQuery-File-Upload/)
- [flash 頭像上傳](http://www.hdfu.net/)
- [圖片上傳預覽](http://www.dropzonejs.com/)
- [圖片裁剪](http://elemefe.github.io/image-cropper/)
- [圖片裁剪-shearphoto](http://www.shearphoto.com/)
- [jQuery圖片處理](http://www.oschina.net/project/tag/284/jquery-image-tools?lang=0&os=0&sort=view&p=2)
- [文件上傳](http://fineuploader.com/)
####14. 模擬select
- [糖餅 select](http://aui.github.io/popupjs/doc/selectbox.html)
- [flexselect](https://github.com/rmm5t/jquery-flexselect)
- [雙select](http://loudev.com/)
- [select2](http://select2.github.io/)
####15. 取色插件
- [類似 Photoshop 的界面取色插件](http://www.jq22.com/plugin/367)
- [jquery color](https://github.com/jquery/jquery-color/)
- [取色插件集合](http://www.oschina.net/project/tag/287/color-picker)
- [farbtastic 圓環+正方形](https://github.com/mattfarina/farbtastic)
####16. 城市聯動
- [jquery.cityselect.js基于jQuery+JSON的省市或自定義聯動效果](http://www.ijquery.cn/?p=360)
####17. 剪貼板
- [剪貼板](https://github.com/zeroclipboard/zeroclipboard)
- [clipboard 最新的剪切方案](http://zenorocha.github.io/clipboard.js/)
####18. 簡繁轉換
- [簡繁轉換](https://github.com/BYVoid/OpenCC)
####19. 表格 Grid
- [facebook表格](http://facebook.github.io/fixed-data-table/)
- [類似于Excel編輯表格-handsontable](http://handsontable.com/)
- [bootstrap-table插件](http://bootstrap-table.wenzhixin.net.cn/)
- [datatables](https://www.datatables.net/)
- [不錯的Grid](http://w2ui.com/web/demo/grid)
####20. 在線演示
- [js 在線編輯 - runjs](http://runjs.cn/)
- [js 在線編輯 - jsbin](http://jsbin.com/)
- [js 在線編輯 - codepen](http://codepen.io/)
- [js 在線編輯 - jsfiddle](http://jsfiddle.net/)
- [java 在線編輯 - ideone](http://ideone.com/)
- [js 在線編輯 - hcharts](http://code.hcharts.cn/)
- [js 在線編輯 - jsdm](http://jsdm.com/)
- [sql 在線編輯 - sqlfiddle](http://sqlfiddle.com/)
- [mozilla 在線編輯器](https://thimble.mozilla.org)
####21. 播放器
- [Html5 VideoPlayer](https://github.com/zmmbreeze/DeadSimpleVideoPlayer)
####22. 粒子動畫
- [Proton 煙花](http://a-jie.github.io/Proton/#example)
####23. 表單驗證
- [Validform](https://github.com/haiercdboy/Validform/blob/master/README.md)
- [formvalidator](http://formvalidator.net/)
- [jQuery formValidator](http://www.cnblogs.com/wzmaodong/archive/2012/10/15/2724005.html)
- [表單驗證完美解決方案](http://validform.rjboy.cn/)
####24. 表單美化
- [美化checkbox](http://icheck.fronteed.com/)