####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/)