一些前端开发的干货网址
一些前端开发的干货
----
`资料或许有重复!` `资料或许有重复!` `资料或许有重复!`,我也只是一个搬运工！
[库?](https://github.com/dypsilon/frontend-dev-bookmarks)
[目前最全的前端开发面试题及答案](https://github.com/HerbertKarajan/Fe-Interview-questions)
推荐
> * [渗透攻击10年系列](https://github.com/Micropoor/Micro8)
> * [阮一峰每周分享摘录](https://wanmaoor.github.io/ryfWeekly/)
> * [bird.so 用不了谷歌搜索可以用这个](http://caup.cn/)
> * [公众账号推荐](https://github.com/jaywcjlove/handbook/blob/master/other/%E5%85%AC%E4%BC%97%E8%B4%A6%E5%8F%B7%E6%8E%A8%E8%8D%90.md)
> * [掘金](https://gold.xitu.io/)
> * [Easy Mock 模拟数据](https://www.easy-mock.com/)
> * [JavaScript错误监测](https://fundebug.com/)
> * [个人常用开发工具](https://github.com/yyman001/web_tools)
> * [HEAD 能够放在文档的
> * [ScriptOJ 是首个 Web 前端开发评测系统](http://scriptoj.mangojuice.top/)
> * [项目规范-avaScript工程项目的一系列最佳实践策略](https://github.com/wearehive/project-guidelines/blob/master/README-zh.md)
> * [30 Seconds of CSS](https://atomiks.github.io/30-seconds-of-css/)
> * [Zan Proxy - 本地代码调试线上页面，环境再也不是问题](https://github.com/youzan/zan-proxy)
> * [最全前端资源汇集](https://jeffjade.com/2016/03/30/104-front-end-tutorial/)
> * [CSS Inspiration，在这里找到写 CSS 的灵感！](https://github.com/chokcoco/CSS-Inspiration)
> * [看图学算法](https://github.com/MisterBooo/LeetCodeAnimation)
> * [OI-wiki 编程竞赛相关知识教程](https://github.com/24OI/OI-WIKI)
> * [成为专业程序员路上用到的各种优秀资料、神器及框架 ](https://github.com/stanzhai/be-a-professional-programmer)
> * [Web前端入门和进阶学习笔记](https://github.com/qianguyihao/Web)
> * [Algorithm Visualizer 算法展示](https://github.com/algorithm-visualizer/algorithm-visualizer)
> * [大前端面试宝典 - 图解前端](https://github.com/azl397985856/fe-interview)
周刊
> * [由腾讯IVWEB出品的《IVWEB技术周刊》](https://github.com/iv-web/weekly)
> * [前端精读周刊](https://github.com/dt-fe/weekly)
> * [《阿里云前端技术周刊》](https://github.com/aliyunfe/weekly)
编码规范
> * [百度前端编码规范](https://github.com/ecomfe/spec)
> * [vue 风格指南](https://cn.vuejs.org/v2/style-guide/)
> * [Airbnb 的 JavaScript 编码规范](https://github.com/airbnb/javascript)
> * [frontend-guidelines - Some HTML, CSS and JS best practices.](https://github.com/bendc/frontend-guidelines)
> * [Vue.js 组件编码规范](https://github.com/pablohpsilva/vuejs-component-style-guide/blob/master/README-CN.md)
> * [CSS 创作指南（Beta）](https://github.com/cssdream/css-creating)
> * [JavaScript Standard Style ](https://github.com/standard/standard/blob/master/docs/README-zhtw.md)
> * [AlloyTeam代码规范](https://github.com/AlloyTeam/CodeGuide)
> * [中文文案排版指北](https://github.com/sparanoid/chinese-copywriting-guidelines)
> * [中文技术文档的写作规范](https://github.com/ruanyf/document-style-guide)
> * [JavaScript 风格指南](https://github.com/alivebao/clean-code-js)
前端库搜索
> * [玩林-前端框架搜索](http://www.iwan0.com/)
> * [awesomes-前端资源库](https://www.awesomes.cn/)
> * [常用库查询系统](http://hackr.io/)
> * [常用库查询系统2 - 迷你库](http://microjs.com/)
前端导航
> * [前端收集](https://github.com/jikeytang/front-end-collect)
> * [WEB前端知识库](https://github.com/imweb/FKB)
> * [jsdig](http://jsdig.com/)
> * [前端笔记](http://www.w3cmark.com/mark/)
> * [醉牛前端](http://f2er.club/)
> * [前端收藏夹](http://collect.w3ctrain.com/)
> * [web前端导航](http://guide.500lines.cc/)
> * [F2E前端导航](http://fenav.com/#/index)
API文档
> * [Vue Docs 中文文档翻译合集](https://github.com/vuejs/vue-docs-zh-cn)
> * [css手册](http://css.doyoe.com/)
> * [webkitcss 属性查询文档](http://ued.ctrip.com/webkitcss/index.html)
> * [(英文)css属性详解 -各种参数有demo进行对比](http://cssreference.io)
> * [flex](http://yoksel.github.io/flex-cheatsheet/#flex-direction)
> * [jQuery API 中文文档](http://www.css88.com/jqapi-1.9/)
> * [jQuery UI API中文文档](http://www.css88.com/jquery-ui-api/)
> * [Chrome 开发者工具](http://www.css88.com/doc/chrome-devtools/)
> * [Sass (3.4.21) 中文文档](http://www.css88.com/doc/sass/)
> * [ES6 手册](https://qiutc.me/post/es6-cheatsheet.html)
> * [React 中文文档（V15.5.4）](http://www.css88.com/react/)
> * [Zepto.js 中文文档](http://www.css88.com/doc/zeptojs_api/)
> * [Backbone.js 中文文档](http://www.css88.com/doc/backbone/)
> * [Underscore.js 中文文档](http://www.css88.com/doc/underscore/)
> * [JSDoc中文文档](http://www.css88.com/doc/jsdoc/index.html)
> * [Bootstrap 中文文档](http://bootstrap.css88.com/)
> * [Lodash 中文文档 ](http://www.css88.com/doc/lodash/)
> * [webpack 官方中文文档](https://doc.webpack-china.org/guides/getting-started)
> * [webpack 中文文档(2.2)](http://www.css88.com/doc/webpack2/)
> * [avalon 2 中文文档](http://avalonjs.coding.me/)
> * [vue1.0 中文文档](http://vuejs.org.cn/guide/)
> * [vue2.0 中文文档](https://vuefe.cn/)
> * [vuex 中文文档](https://vuex.vuejs.org/zh-cn/)
> * [Express 4.x API 中文手册](http://www.expressjs.com.cn/4x/api.html)
> * [koa 中文文档](https://koa.bootcss.com/)
> * [koa 中文文档 同上](https://github.com/demopark/koa-docs-Zh-CN)
> * [Koa 中文文档 同上](https://github.com/guo-yu/koa-guide)
> * [rollup.js 中文文档](https://www.kancloud.cn/yunye/rollup/327462)
> * [Angular 中文文档](https://angular.cn/docs/ts/latest/)
> * [weex](https://weex.apache.org/cn/references/)
> * [Electron 中文文档](https://github.com/amhoho/electron-cn-docs)
> * [SuperAgent中文使用文档](https://cnodejs.org/topic/5378720ed6e2d16149fa16bd)
> * [Flutter中文网](https://flutterchina.club/)
> * [Linux 命令大全搜索工具](https://github.com/jaywcjlove/linux-command)
> * [CSS 种植手册](http://csscode.itcast.cn/#/README)
> * [Jest 测试单元文档](https://jestjs.io/zh-Hans/)
> * [three.js 中文手册](https://threejs.org/docs/)
> * [Three.js 中文教程] (https://techbrood.com/threejs/docs/)
> * [three.js 部分中文教程](https://threejsfundamentals.org/threejs/lessons/zh_cn/)
> * [Nest.js 中文教程](https://docs.nestjs.cn/6/introduction)
>移动端资料
- [H5 案例 - 不定期收集市面上优秀的 H5 作品。](https://github.com/o2team/cases)
- [移动H5前端性能优化指南](https://isux.tencent.com/h5-performance.html)
- [支付宝无线Web开发经验谈](http://am-team.github.io/amg/dev-exp-doc.html)
- [移动前端系列——移动端页面坑与排坑技巧( 2014-12-08 )](http://tgideas.qq.com/webplat/info/news_version3/804/7104/7106/m5723/201411/290576.shtml)
- [移动web最佳实践（2013）](http://www.ipresst.com/play/528892e11d0495f30f00762e)
- [移动Web前端框架 ( 2014 ) ](http://www.jingwentian.com/t-135)
- [移动端自适应方案-lib.flexible,淘宝手机版都是用这个框架](https://github.com/amfe/lib.flexible)
- [iOS 微信 音频 视频自动播放](http://www.w3ctech.com/topic/1165rd)
- [解决ios下的微信打开的页面背景音乐无法自动播放](http://www.w3cmark.com/2016/434.html)
- [微信JS-SDK说明文档](http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html)
- [微信js demo](http://203.195.235.76/jssdk/)
- [QQ浏览器X5内核问题汇总](http://www.qianduan.net/qqliu-lan-qi-x5nei-he-wen-ti-hui-zong/)
- [手机分辨率查询](http://viewportsizes.com/)
- [移动端响应式框架-测试阶段,不适用于复杂页面](https://github.com/peunzhang/pageResponse)
- [视频H5のVideo标签在微信里的坑和技巧](https://aotu.io/notes/2017/01/11/mobile-video/)
- [LAVAS 基于 Vue.js 的 PWA 解决方案 帮助开发者快速搭建 PWA 应用，解决接入 PWA 的各种问题](https://lavas.baidu.com/?qq-pf-to=pcqq.group)
## 学习资料/文章
### Git
- [連猴子都能懂的Git入門指南](https://backlog.com/git-tutorial/tw/intro/intro1_1.html)
- [Git可视化教程，通俗易懂](https://learngitbranching.js.org/?demo)
- [Github使用指南-从新手到专家 ](http://www.cnblogs.com/xirongliu/p/4589834.html)
- [高质量的Git中文教程](https://github.com/geeeeeeeeek/git-recipes)
- [Git 学习目录 wiki](https://github.com/geeeeeeeeek/git-recipes/wiki)
- [GitHub秘籍](https://github.com/tiimgreen/github-cheat-sheet/blob/master/README.zh-cn.md)
- [Git的奇技淫巧](https://github.com/521xueweihan/git-tips)
- [git资料](https://github.com/xirong/my-git)
### 其他
- [Node.js 最佳实践](https://github.com/goldbergyoni/nodebestpractices/blob/master/README.chinese.md)
- [从零开始学 Web 前端系列教程。前端零基础自学入门进阶图文教程。](https://github.com/Daotin/web)
- [深入理解 TypeScript](https://github.com/jkchao/typescript-book-chinese)
- [ChromeAppHeroes - Chrome插件英雄榜, 为优秀的Chrome插件写一本中文说明书, 让Chrome插件英雄们造福人类~](https://github.com/zhaoolee/ChromeAppHeroes)
- [数据结构和算法动态可视化](https://visualgo.net/zh)
- [JavaScript开发者应懂的33个概念](https://github.com/stephentian/33-js-concepts)
- [谈谈一些有趣的 CSS 话题](https://github.com/chokcoco/iCSS)
- [中国程序员容易发音错误的单词](https://github.com/shimohq/chinese-programmer-wrong-pronunciation)
- [面向对象的JavaScript编程：原理与实践](https://github.com/haitaoxin/jsoo)
- [React 入门教程-中文](https://doc.react-china.org/)
- [React Bits - 有关React，你需要知道的一切](https://github.com/hateonion/react-bits-CN)
- [React-Native学习指南](https://github.com/reactnativecn/react-native-guide)
- [[译]看漫画理解Flux](https://medium.com/@icyfish/%E8%AF%91-%E7%9C%8B%E6%BC%AB%E7%94%BB%E7%90%86%E8%A7%A3flux-4e4aa508eade)
- [《看漫画，学 Redux》 —— A cartoon intro to Redux](https://github.com/jasonslyvia/a-cartoon-intro-to-redux-cn)
- [什么是正则表达式?](https://github.com/zeeshanu/learn-regex/blob/master/README-cn.md)
- [前端基础进阶系列](http://www.jianshu.com/p/cd3fee40ef59)
- [Study-Step-by-Step 书籍合集](https://github.com/qibaoguang/Study-Step-by-Step)
- [渲染性能](https://github.com/sundway/blog/issues/2)
- [awesome-javascript](https://github.com/wwsun/awesome-javascript)
- [JavaScript教程 - 廖雪峰的官方网站](http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000)
- [逐行剖析Vue.js源码](https://github.com/NLRX-WJC/Learn-Vue-Source-Code)
- [node.js中文资料导航](https://github.com/youyudehexie/node123)
- [了不起的Nodejs Nodejs的各种资源,英文](https://github.com/vndmtrx/awesome-nodejs)
- [AngularJS ,一些关于 AngularJS 的博客，文章，视频，书籍等](https://github.com/justjavac/AngularJS-Learning-zh_CN)
- [HelloSea.js seajs教程](https://github.com/island205/HelloSea.js)
- [HTTP API 设计指南](https://github.com/ZhangBohan/http-api-design-ZH_CN)
- [JSON API：用 JSON 构建 API 的标准指南中文版](https://github.com/justjavac/json-api-zh_CN)
- [了不起的React React的各种资源,英文](https://github.com/enaqx/awesome-react)
- [一家伙（s5s5）学习css3动画的心得](https://github.com/s5s5/CSS-Animations)
- [让WEB前端的变优雅的东东，如：代码规范，代码组织，最佳实践之类](https://github.com/iamjoel/be-grace-front-end-developer)
- [前端工具推荐](https://github.com/codylindley/frontend-tools)
- [腾讯团队web移动文章](http://tgideas.qq.com/)
- [视觉设计师是怎样让前端工程师 100% 实现设计效果的？](http://www.zhihu.com/question/27743708answer-17103050)
- [JavaScript 秘密花园](http://bonsaiden.github.io/JavaScript-Garden/zh/)
- [vue 教程](http://www.cnblogs.com/keepfool/p/5619070.html)
- [10 个原则让动画带你飞](https://github.com/xitu/gold-miner/blob/master/TODO/smooth-css-animations.md)
- [React Native 中文网](http://reactnative.cn/)
- [cssreference.io](http://cssreference.io/)
- [大话设计模式](https://www.kancloud.cn/dengyigegushi/details-dahua/100439)
- [YOU MIGHT NOT NEED JQUERY - 是用原生写法代替jq](http://youmightnotneedjquery.com/)
- [全景漫游VR -（淘宝造物节背后的库）](http://tgask.qq.com/?/article/3)
- [从零开始构建 JavaScript 技术栈](https://github.com/pd4d10/js-stack-from-scratch)
- [微信小程序开发资源汇总](https://github.com/justjavac/awesome-wechat-weapp)
- [《一起学 Node.js》彻底重写完毕](https://github.com/nswbmw/N-blog)
- [TypeScript 入门教程](https://ts.xcatliu.com/)
- [TypeScript 官方文档](https://zhongsp.gitbooks.io/typescript-handbook/content/)
- [第一本 PWA 中文书](https://github.com/SangKa/PWA-Book-CN)
- [如何通过饿了么 Node.js 面试](https://github.com/ElemeFE/node-interview/tree/master/sections/zh-cn)
- [JavaScript 算法与数据结构](https://github.com/trekhleb/javascript-algorithms/blob/master/README.zh-CN.md)
- [《编程之法：面试和算法心得》](https://github.com/julycoding/The-Art-Of-Programming-By-July/blob/master/ebook/zh/Readme.md)
- [learnVue - Vue.js源码分析](https://github.com/answershuto/learnVue)
- [前端面试手册](https://github.com/yangshun/front-end-interview-handbook/blob/master/Translations/Chinese/README.md)
- [全栈工程师之路-Node.js](https://i5ting.github.io/nodejs-fullstack/)
- [css-gif 一个动图，一个CSS知识点](https://github.com/qdlaoyao/css-gif)
- [《Flutter 实战》](https://book.flutterchina.club/)
- [JavaScript 资源大全中文版](https://github.com/jobbole/awesome-javascript-cn)
>书籍资料
- [USTC-CS-Courses-Resource 中国科学技术大学众多课程资源](https://github.com/mbinary/USTC-CS-Courses-Resource)
- [免费的计算机编程类中文书籍](https://github.com/justjavac/free-programming-books-zh_CN)
- [免费编程书籍](https://github.com/vhf/free-programming-books/blob/master/free-programming-books-zh.md)
- [码农周刊整理-推荐关注](https://github.com/nemoTyrant/manong)
- [运维实践指南](https://github.com/meetbill/op_practice_book)
- [《微服务：从设计到部署》](https://github.com/oopsguy/microservices-from-design-to-deployment-chinese)
- [【编程随想】收藏的电子书清单](https://github.com/programthink/books)
- [2019年最新总结，从程序员到CTO，从专业走向卓越，分享大牛企业内部pdf与PPT](https://github.com/0voice/from_coder_to_expert)
### 一些社区
- [Stack Overflow：Stack Overflow是一个与程序相关的IT技术问答网站。用户可以在网站免费提交问题，浏览问题，索引相关内容，在创建主页的时候使用简单的HTML。](http://stackoverflow.com/)
- [segmentfault：是中国领先的开发者技术社区。](https://segmentfault.com/)
## 系列文章
- [《深入理解Node.js：核心思想与源码分析》](https://github.com/yjhjstz/deep-into-node)
- [性能专栏](https://github.com/barretlee/performance-column)
- [Docker — 从入门到实践](https://github.com/yeasy/docker_practice)
- [Nginx开发从入门到精通](https://github.com/taobao/nginx-book)
- [React Cookbook](https://github.com/shimohq/react-cookbook)
- [React.js 小书](http://huziketang.com/books/react/lesson1)
- [React 入门实例教程](http://www.ruanyifeng.com/blog/2015/03/react.html)
- [React-Native学习指南](https://github.com/ele828/react-native-guide)
- [html5 Canvas画图系列教程目录](http://jo2.org/html5-canvas-tutorial-list/)
- [web前端开发分享-目录系列](http://www.cnblogs.com/jikey/p/3613082.html)
- [深入理解javascript原型和闭包系列](http://www.cnblogs.com/wangfupeng1988/p/4001284.html)
- [深入理解JavaScript系列](http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html)
- [JavaScript模式集合](http://shichuan.github.io/javascript-patterns/)
- [深入理解JavaScripts设计模式系列：](http://wiki.jikexueyuan.com/project/javascript-depth-understanding/model-design-one.html)
- [设计模式总结,非js](http://www.cnblogs.com/chenssy/p/3357683.html)
- [7 天打造前端性能监控系统](http://fex.baidu.com/blog/2014/05/build-performance-monitor-in-7-days/)
- [七天学会NodeJS](http://nqdeng.github.io/7-days-nodejs/5.2)
- [前端之困 · XSS CookBook系列](http://zhuanlan.zhihu.com/wooyun/19756127)
- [一个月时间整理《深入浅出Node.js》](https://cnodejs.org/topic/551200e6d792542a29789a43)
- [【web必知必会】——图解HTTP](http://www.cnblogs.com/xing901022/p/4309840.html)
- [廖雪峰-JavaScript基础教程](http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000)
- [MDN JavaScript基础教程](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript)
- [45个实用的JavaScript技巧、窍门和最佳实践](http://colobu.com/2014/09/23/45-Useful-JavaScript-Tips,-Tricks-and-Best-Practices/)
- [Must-Watch JavaScript 需要](https://github.com/AllThingsSmitty/must-watch-javascript)
- [Must-Watch CSS 需要](https://github.com/AllThingsSmitty/must-watch-css)
- [搜罗一切webpack的好文章好工具](https://github.com/webpack-china/awesome-webpack-cn)
- [Vim 从入门到精通](https://github.com/wsdjeg/vim-galore-zh_cn)
- [如何提高英语技能](https://github.com/byoungd/english-level-up-tips-for-Chinese)
- [《Node.js 调试指南》](https://github.com/nswbmw/node-in-debugging)
- [《JavaScript 闯关记》](https://github.com/stone0090/javascript-lessons)
- [Node.js技术栈](https://github.com/Q-Angelo/Nodejs-Roadmap)
----
## 其他工具
- [flexbox在线制作器](http://the-echoplex.net/flexyboxes/)
- [SPARK动画平台 这是我们组做的一个动画效果平台，里面集合了所有的牛逼动画，可以让你灵感猛增！（目前已开放外网使用）](https://tonytony.club/spark/)
- [OneDiv 这是个神奇的网站，里面的所有细节都是用一个div元素通过复杂的Css3实现的，有空可以去开开脑洞噢](http://a.singlediv.com/)
- [贝塞尔曲线生成器 ](http://cubic-bezier.com/)
- [HTML5 与 CSS3 技术应用评估](http://html5please.com/ "html5与css3技术应用评估")
- [各种奇妙的hack](http://browserhacks.com/ "各种奇妙的hack")
- [几乎所有设备的屏幕尺寸与像素密度表](http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density "几乎所有设备的屏幕尺寸与像素密度表")
- [移动设备参数表](http://screensiz.es/phone "移动设备参数表")
- [ios端移动设备参数速查](http://ivomynttinen.com/blog/the-ios-design-cheat-sheet-volume-2/ "ios端移动设备参数速查")
- [浏览器兼容表](http://www.quirksmode.org/compatibility.html "浏览器兼容表")
- [移动设备查询器](https://deviceatlas.com/device-data/devices "移动设备查询器")
- [移动设备适配库](http://51degrees.codeplex.com/ "移动设备适配库")
- [移动设备适配库2](http://detectmobilebrowsers.com/ "移动设备适配库2")
- [viewport与设备尺寸在线检测器](https://deviceatlas.com/device-data/devices "viewport与设备尺寸在线检测器")
- [html5 移动端兼容性速查](http://mobilehtml5.org/ "html5移动端兼容性速查")
- [在线转换字体](http://www.fontsquirrel.com/tools/webfont-generator "在线转换字体")
- [css3 选择器测试](http://tools.css3.info/selectors-test/test.html "css3选择器测试")
- [兼容性速查表](http://caniuse.com/ "兼容性速查表")
- [浏览器的一些独特参数](http://www.browserscope.org/ "浏览器的一些独特参数")
- [各种各样的媒体查询收集](http://nmsdvid.com/snippets/ "各种各样的媒体查询收集")
- [sass @include-media 媒体查询库](https://github.com/eduardoboucas/include-media)
- [css3 动画在线制作器](http://ecd.tencent.com/css3/tools.html "css3动画在线制作器")
- [css3 渐变在线制作器](http://www.colorzilla.com/gradient-editor/ "css3渐变在线制作器")
- [移动端手势表](http://ww1.sinaimg.cn/bmiddle/c2c57f68jw1e4fh7dmw12j20fi2w6qe1.jpg "移动端手势表")
- [webkit独有的样式分析](http://ued.ctrip.com/blog/wp-content/webkitcss/ "webkit独有的样式分析")
- [HTML5 Cross Browser Polyfills](https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills)
- [HTML5 POLYFILLS](http://html5polyfill.com/ "HTML5 POLYFILLS")
- [iPhone 6 屏幕揭秘](http://wileam.com/iphone-6-screen-cn/)
- [智图客户端 – 你的图片你做主,本地图片快速压缩工具](https://isux.tencent.com/zhitu-client.html)
- [网站视频/音乐 扒神器](https://github.com/soimort/you-get)
- [ELF 灵活可扩展的HTML5 构建工具](https://elf.aotu.io/)
- [让小程序支持组件化开发的框架-类型vue组件开发](https://github.com/Tencent/wepy)
- [APIJSON - API 服务的框架 ](https://github.com/TommyLemon/APIJSON)
- [sentry-javascript - Official Sentry SDKs for Javascript 错误日志打点统计](https://github.com/getsentry/sentry-javascript)
- [GitHub issues 备份工具](https://github.com/gissue/gissue.github.io/)
## js插件网站
- [Unheap](http://www.unheap.com/)
- [jquer.in](http://jquer.in/)
- [OpenLib--http://www.open-lib.com/](http://www.open-lib.com/)
- [jQuery插件库--http://www.jq22.com/](http://www.jq22.com/)
- [jquery之家--http://www.htmleaf.com/](http://www.htmleaf.com/)
- [分享天空--http://www.sharetk.com/](http://www.sharetk.com/)
- [jQuery Script--http://www.jqueryscript.net/](http://www.jqueryscript.net/)
- [dowebok 做好网站--http://www.dowebok.com/ ](http://www.dowebok.com/)
- [Web前端开发--http://www.zjgsq.com/](http://www.zjgsq.com/)
前端组件库
>搭建web app常用的样式/组件等收集列表(移动优先)
## 手势库
- [TouchSwipe ](http://labs.rampinteractive.co.uk/touchSwipe/demos/index.html)
## vue专题
- [awesomes vue 各种组件](https://www.awesomes.cn/subject/vue)
- [『收藏』VUE优秀UI组件库合集](https://shimo.im/doc/LkpdnWxM1j40BDJj/)
- [cooking更易上手的前端构建工具 for vue](http://elemefe.github.io/cooking/)
- [一个记录使用了vue技术的网站列表-made with vue.js](https://madewithvuejs.com/)
## Vue相关开源项目库汇总
- http://www.opendigg.com/tags/front-vue
- https://github.com/opendigg/awesome-github-vue
- https://vuejsexamples.com/
- [Vue.js Script](http://www.vuescript.com/)
## vue ui组件库
- [vue.js ie9+](http://cn.vuejs.org/)
- [滴滴 Web 移动端组件库 cube-ui](https://github.com/didi/cube-ui)
- [AT UI 由阿里通信技术团队打造基于Vue的Web组件库](http://aliqin.github.io/docs/atui/introduce)
- [微信UI Vux 支持@^1.0.24](https://github.com/airyland/vux)
- [bootstrap风格 Vux 支持@v1.x.x](https://github.com/yuche/vue-strap)
- [material风格 vue-mdl ](https://github.com/posva/vue-mdl)
- [Keen-UI ](https://github.com/JosephusPaye/Keen-UI)
- [Mint UI ](https://github.com/ElemeFE/mint-ui)
- [iView UI](https://github.com/iview/iview)
- [element UI 支持[email protected]](http://element.eleme.io)
- [Muse-UI - 基于 Vue 2.0 和 Material Desigin 的 UI 组件库](https://museui.github.io/)
- [Vue Material](https://github.com/marcosmoura/vue-material)
- [vant 有赞开发的基于 Vue.js 2.0 的 UI 组件库](https://github.com/youzan/vant)
- [vue-beauty 基于 ant design 的漂亮的 vue 组件库](https://github.com/FE-Driver/vue-beauty)
## vue 其他插件组件
- [PortalVue ， anywhere in the document/普通开发使用组件](https://github.com/LinusBorg/portal-vue)
- [mpvue vue转微信小程序](https://github.com/Meituan-Dianping/mpvue)
- [vue-axios](https://github.com/imcvampire/vue-axios)
- [Vue-Lazyload 图片延迟加载](https://github.com/hilongjw/vue-lazyload)
- [vue-amap 基于Vue 2.0 和高德地图的地图组件](https://github.com/ElemeFE/vue-amap)
- [Vueditor 基于Vue 2.0 的富文本编辑器](https://github.com/hifarer/Vueditor)
- [Scroller for Vue 2.0](http://im.dahoo.wang/vue-scroller//)
- [JRoll无限加载+下拉刷新 for Vue2 ](https://github.com/chjtx/JRoll/tree/master/extends/jroll-vue-infinite)
- [Vue-Core-Image-Upload 2.0 一款轻量级图片裁剪上传插件](https://github.com/Vanthink-UED/vue-core-image-upload)
- [vue-datepicker 日期拾取组件](https://github.com/hsiaosiyuan0/vue-datepicker)
- [一个生成 svg 图标组件的工具 (vue2.x)](https://github.com/MMF-FE/vue-svgicon)
- [vue GUI generator](https://github.com/vuegg/vuegg)
## React 相关
- [ANT DESIGN](http://ant-design.gitee.io/index-cn)
- [reactSPA](https://github.com/JasonBai007/reactSPA)
- [ReCharts 是一个 React 图表组件库](http://recharts.org/#/en-US/)
- [React-Bootstrap](https://react-bootstrap.github.io/)
- [anu.js 是一个高级兼容React16的迷你React 框架](https://rubylouvre.github.io/anu/ch/index.html)
## Weex
- [Weex Ui](https://alibaba.github.io/weex-ui/#/cn/)
## Node
- [egg.js ](https://github.com/eggjs/egg)
- [Nest 是一个用于构建高效，可扩展的 Node.js 服务器端应用程序的框架。](https://github.com/nestjs/nest)
## 小程序相关
- [娜娜奇 - 基于 React 的多端小程序转译框架](https://rubylouvre.github.io/nanachi/)
## Nginx
- [Nginx 入门教程](https://github.com/xuexb/learn-nginx)
>0. 前端自动化(Workflow)
- 依赖安装
- [yarn](http://yarnpkg.top/)
- [npm](https://www.npmjs.com/)
- 前端构建工具
- [Yeoman - a set of tools for automating development workflow](https://github.com/yeoman/yeoman)
- [gulp - The streaming build system](http://gulpjs.com/)
- [grunt - the JavaScript Task Runner](http://gruntjs.com/)
- [F.I.S - 前端集成解决方案](https://github.com/fex-team/fis)
- 前端模块管理器
- [Bower - A package manager for the web](http://bower.io/)
- [Browserify](http://browserify.org/)
- [Component](https://github.com/componentjs/component)
- [Duo](http://duojs.org/)
- [RequireJS](http://requirejs.org/)
- [Sea.js](http://seajs.org/)
- [webpack](http://webpack.github.io/docs/)
- [ESL](https://github.com/ecomfe/esl)是一个浏览器端、符合AMD的标准加载器，适合用于现代Web浏览器端应用的入口与模块管理。
- css预处理器
- [Sass - Syntactically Awesome Style Sheets](http://sass-lang.com/)
- [Less - Less is More , Than CSS](http://lesscss.org/)
- [Stylus - Expressive, dynamic, robust CSS](http://learnboost.github.io/stylus/)
>1. 前端框架(Frameworks)
- [Material-UI 移动端ui框架,效果好](http://material-ui.com//components/appbar) [github](https://github.com/callemall/material-ui)
- [Frozen UI 腾讯移动UI框架](http://frozenui.github.io/)
- [Bootstrap](https://github.com/twbs/bootstrap)
- [Foundation](https://github.com/zurb/foundation)
- [Amaze UI](http://amazeui.org/)
- [Semantic UI](https://github.com/semantic-org/semantic-ui)
- [Pure CSS](http://purecss.io/)
- [topcoat](https://github.com/topcoat/topcoat)
- [UIkit](https://github.com/uikit/uikit)
- [Material UI](https://github.com/callemall/material-ui)
- [Framework7](http://www.idangero.us/framework7)
- [mui](https://github.com/dcloudio/mui)
- [ionic framework](http://ionicframework.com/)
- [Fries](https://github.com/jaunesarmiento/fries)
- [jQuery Mobile](http://jquerymobile.com/)
- [H-ui 前端框架](http://h-ui.net/index.shtml)
- [Skeleton](https://github.com/dhg/Skeleton)
- [HaloJS](https://halojs.aotu.io/api/index.html)
- [QMUI Web 是一个专注 Web UI](https://github.com/QMUI/QMUI_Web)
- [LuLu ui](https://l-ui.com/content/about/design.html)
>1.2 后端UI框架
- [Layui](http://www.layui.com/)
- [BUI](http://www.builive.com/)
>2. JavaScript 框架汇总
- JavaScript 框架
- [react](https://github.com/facebook/react)
- [preact (react的代替者)](https://github.com/developit/preact/)
- [Angular](https://github.com/angular/angular)
- [jQuery](https://github.com/jquery/jquery)
- [Backbone.js](https://github.com/jashkenas/backbone)
- [Ractive.js](https://github.com/ractivejs/ractive)
- [KISSY](https://github.com/kissyteam/kissy)
- [Zepto.js](https://github.com/madrobby/zepto)
- [ZeptoBuilder是Zepto的一个在线版本，从列表中选取你想包含的文件，就能得到你自定义的构建了](http://github.e-sites.nl/zeptobuilder/)
- [Vanilla JS](http://vanilla-js.com/)
- [Avalon](https://github.com/RubyLouvre/avalon)
- [Sprint.js - 一个高性能、小体积的 DOM 操作库 (Benjamin De Cock) ](https://github.com/bendc/sprint)
- [JSLite.js](http://jslite.io/)
- [Ember.js：一个用于创建 web 应用的 JavaScript MVC 框架，采用基于字符串的Handlebars模板，支持双向绑定、观察者模式、计算属性（依赖其他属性动态变化）、自动更新模板、路由控制、状态机等。](http://emberjs.com/)
- 轻量级JavaScript框架
- [Min.js - Super minimal selector and event library](https://github.com/remy/min.js)
- [skel.js - A lightweight responsive framework](https://github.com/n33/skel)
- [LAB.js 异步加载js](https://github.com/getify/LABjs)
- JavaScript 工具库[扩展库]
- [es5-shim](https://github.com/es-shims/es5-shim)
- [es6-promise] (https://github.com/stefanpenner/es6-promise)
- [underscore.js JavaScript实用库,提供了类似Prototype.js的一些功能,但是没有继承任何JavaScript内置对象。](https://github.com/jashkenas/underscore)
- [Lodash.js 函数式编程库,一个 JavaScript 实用工具库,提供一致性,模块化,性能和配件等功能。](https://lodash.com/)
- [Ramda.js 函数式编程库](http://ramda.cn/)
- [functional.js 函数式编程库](https://github.com/functionaljs/functional-js/)
- [Lazy.js 性能超越underscore和Lodash的工具类库](https://github.com/dtao/lazy.js/)
- [Babel.js 让浏览器支持新js ES6,其实就是把ES6,5的语法转换成旧的js形式](https://github.com/babel/babel)
- [Way.js - 双向数据绑定库](https://github.com/gwendall/way.js)
- [Keys.js - 应用快捷键](https://github.com/bitwalker/keys.js)
- [Mousetrap - 键盘快捷键操作](https://github.com/ccampbell/mousetrap)
- [移动web开发调试工具AlloyLever介绍 - 打印信息](http://alloyteam.github.io/AlloyLever/)
- [vConsole.js 同上](https://github.com/WechatFE/vConsole/blob/dev/README_CN.md)
- [Hotkeys.js 捕获键盘输入和输入的组合键快捷键](https://github.com/jaywcjlove/hotkeys)
- [keymaster.js 同上](https://github.com/madrobby/keymaster)
>3. 前端游戏框架(动画引擎)
- [Hilo 跨终端的互动游戏解决方案 阿里出品](https://github.com/hiloteam/Hilo)
- [Pixi.js v4 - WebGL 国外游戏引擎](http://www.pixijs.com/)
- [cocos2d-html5](https://github.com/cocos2d/cocos2d-html5)
- [Egret Engine](http://www.egret-labs.org/)
- [LimeJS](https://github.com/digitalfruit/limejs)
- [EaselJS](https://github.com/CreateJS/EaselJS)
- [three.js](https://github.com/mrdoob/three.js)
- [AlloyStick](https://github.com/AlloyTeam/AlloyStick)
- [The-Best-JS-Game-Framework](https://github.com/finscn/The-Best-JS-Game-Framework)
- [CanvasEngine](https://github.com/RSamaium/CanvasEngine)
- [Quintus](https://github.com/cykod/Quintus)
- [LayaAir 引擎 国内游戏框架,跟白鹭比较??暂时不知道](http://layabox.com/)
- [soya2d 一个 好学、易用、强大、开源的 H5游戏引擎 现在,有你掌控](http://soya2d.com)
- [phina.js JavaScript游戏开发库](https://github.com/yrq110/odds-and-ends/blob/master/%E5%88%9D%E6%AC%A1%E4%BD%BF%E7%94%A8phina.js%20-%20JavaScript%E6%B8%B8%E6%88%8F%E5%BC%80%E5%8F%91%E5%BA%93.md)
- [melon.js](https://github.com/melonjs/melonjs)
- [Phaser - HTML5 Game Framework](https://github.com/photonstorm/phaser)
- [PlayCanvas WebGL Game Engine](https://github.com/playcanvas/engine)
- [Popmotion.js – 小巧，灵活的 JavaScript 运动引擎](https://github.com/Popmotion/popmotion)
- [Dynamics.js - 创建逼真的物理动画的 JS 库](https://github.com/michaelvillar/dynamics.js)
- [Snabbt.js – 极简的 JavaScript 动画库](https://github.com/daniel-lundin/snabbt.js)
>4. ui组件库
- [GMU - 基于zepto的ui组件库，适用于移动端](https://github.com/fex-team/GMU)
- [FrozenUI - 腾讯移动端组件库](https://github.com/frozenui/frozenui)
- [NEC](http://nec.netease.com/)
- [NEJ](http://nej.netease.com/)
- [Pure CSS Components](https://github.com/LFeh/css-components/)
- [magic-of-css](https://github.com/adamschwartz/magic-of-css)
- [Primer - The CSS toolkit and guidelines that power GitHub](https://github.com/primer/primer)
- [ZUI - 一个开源前端实践方案，帮助你快速构现代跨屏应用。][1]
- [WeX5开源前端][2]
- [B-JUI][3]
- [MUI 轻量级WEB框架](https://www.muicss.com/)
- [jQuery WeUI - V0.7.1 WeUI 的jQuery实现版，提供了大量官方WeUI没有的组件, 同时兼容 jQuery 和 Zepto。](http://lihongxun945.github.io/jquery-weui/)
- [Light7 手机ui组件](http://www.light7.cn/)
- [bttn.css Awesome buttons for awesome projects](https://github.com/ganapativs/bttn.css)
- [CSS Pressable 3D Buttons](https://github.com/iRaul/pushy-buttons)
>5. 基础模版
- 浏览器统一(Cross Browser)
- [HTML5 BOILERPLATE](https://github.com/h5bp/html5-boilerplate)
- [Modernizr](https://github.com/Modernizr/Modernizr)
- [Normalize.css](https://github.com/necolas/normalize.css/)
- [cssFx - 为CSS3自动生成浏览器前缀](https://github.com/imsky/cssFx)
- [-prefix-free - Break free from CSS prefix hell](https://github.com/LeaVerou/prefixfree)
- 响应式
- [Responsive - 响应式布局](https://github.com/ResponsiveBP/Responsive)
- [Spectre.css - 轻量级响应式 CSS 框架](https://picturepan2.github.io/spectre/)
- [Wing 是一个微型（压缩后仅有4KB）响应式的 CSS 框架，它提供了一个 12 列响应式网格以及基础的样式组件集](https://github.com/KingPixil/wing/)
- [Core.css 是一个用于构建响应式网站的轻量级框架。它压缩后仅有 1.3kb，同时它没有预先设定的元素和内置动画。所以适用于搭建任何小型的 Web 项目。](https://github.com/alecrios/core)
- [Enquire.js - Awesome Media Queries in JavaScript](https://github.com/WickyNilliams/enquire.js)
- [Free Wall - 创建桌面，移动和平板的动态网格布局](https://github.com/kombai/freewall)
- [reframe.js 让非响应式元素响应的JavaScript插件。 Reframe对`iframe`和`video`元素特别有用](https://github.com/dollarshaveclub/reframe.js/)
- [Grid—A—Licious](http://suprb.com/apps/gridalicious/)
- [MUURI - Responsive, sortable, filterable and draggable grid layouts , ie9+](https://github.com/haltu/muuri)
>6. 排版
- [yue.css](https://github.com/lepture/yue.css)
- [typo.css](https://github.com/sofish/typo.css)
- [chinese-copywriting-guidelines - 中文文案排版指南](https://github.com/sparanoid/chinese-copywriting-guidelines)
>7. 网格系统
- [flex.css - 快速入门，极速布局](https://github.com/lzxb/flex.css)
- [grid](https://github.com/aekaplan/grid)
- [Flexbox Grid](https://github.com/kristoferjoseph/flexboxgrid)
- [MasonJS - creating a perfect grid](https://github.com/DrewDahlman/Mason)
- [Juiced: a Flexbox CSS Framework](http://juicedcss.com/)
- [Neutron 创建灵化、简洁网页布局的SASS框架](http://neutroncss.com/)
- [flexible.gs 灵活的响应式栅格布局CSS框架](http://flexible.gs)
- [Decorator - HTML, CSS, and JavaScrip 前端框架](http://decorator.codable.org)
- [minigrid.js 只有2KB的零依赖栅格布局-瀑布流](https://github.com/henriquea/minigrid)
- [Reflexbox 用于React的Flexbox网格系统，提供Grid, Flex, 和Box组件用于开发](https://github.com/jxnblk/reflexbox/)
>8. HTML5 API 应用
- [History.js - gracefully supports the HTML5 History/State APIs](https://github.com/browserstate/history.js)
- [jquery-pjax - pushState+ajax](https://github.com/defunkt/jquery-pjax)
- [jquery-address - Deep Linking](https://github.com/asual/jquery-address)
- [Notify.js(Web Notifications API)](https://github.com/alexgibson/notify.js)
>9. UA 识别
- [detector](https://github.com/hotoo/detector)
>10. 表单处理
>10.1 表单验证(Form Validator)/表单提示
- [(Depreciated) A Laravel styled JavaScript Object/Form/JSON validation library](https://github.com/ppoffice/validator.js)
- [validate.js](https://github.com/rickharrison/validate.js/)
- [Validator](https://github.com/niceue/validator)
- [Parsley](https://github.com/guillaumepotier/Parsley.js)
- [jquery.form.js - jQuery Form Plugin](https://github.com/malsup/form)
- [Validform](https://github.com/haiercdboy/Validform)
- [validator.js](https://github.com/sofish/validator.js)
- [jquery-validation - jQuery Validation Plugin](https://github.com/jzaefferer/jquery-validation)
- [formvalidator.js](https://github.com/victorjonsson/jQuery-Form-Validator)
- [Fort.js – 表单填写进度提示](http://github.com/Colourity/Fort.js)
- [mailcheck - 用于检测email地址的域名](https://github.com/mailcheck/mailcheck)
- [Floatlable.js - 输入时显示placeholder文本](https://github.com/clubdesign/floatlabels.js)
- [jQuery Label Better](https://github.com/peachananr/label_better)
- [2016 年最好用的表单验证库 SMValidator.js ](https://github.com/WLDragon/SMValidator)
>10.2 < select > 相关
- [Chosen](https://github.com/harvesthq/chosen)
- [Select2](https://github.com/select2/select2)
- [bootstrap-select](https://github.com/silviomoreto/bootstrap-select)
>10.3 单选框/复选框相关
- [iCheck - 增强复选框和单选按钮](https://github.com/fronteed/iCheck)
>10.4 上传组件
- [jQuery File Upload Plugin](https://github.com/blueimp/jQuery-File-Upload)
- [百度 Web Uploader](http://fex-team.github.io/webuploader/)
- [Uploadify](http://www.uploadify.com/)
- [Plupload](https://github.com/moxiecode/plupload)
- [Fine Uploader](http://fineuploader.com/index.html)
- [arale-upload - 轻量级 iframe and html5 file uploader](https://github.com/aralejs/upload)
- [Dropzone.js - drag'n'drop library拖拽上传](https://github.com/enyo/dropzone)
- [flow.js](https://github.com/flowjs/flow.js)
- [localResizeIMG3 - 前端本地客户端压缩图片，兼容IOS，Android，PC](https://github.com/think2011/localResizeIMG)
- [FileAPI - 是文件上传（单个/多个）、拖放支持、图像裁剪、大小调整、应用过滤器和获取文件信息](http://mailru.github.io/FileAPI/)
- [Resumable.JS 通过HTML5API提供了稳定可恢复的多文件上传功能。](http://www.resumablejs.com/)
- [filepond.js - A Flexible and Fun JavaScript File Upload Library](https://github.com/pqina/filepond)
>10.5 日期选择
- [超强日历](http://www.my97.net/dp/demo/index.htm)
- [Both Date and Time picker widget based on twitter bootstrap](https://github.com/smalot/bootstrap-datetimepicker)
- [Mobiscroll 超强扩展](https://github.com/acidb/mobiscroll)
- [Pikaday - 日期选择器](https://github.com/dbushell/Pikaday)
- [TimelineJS - 时间轴](http://timeline.knightlab.com/)
- [mobile-calendar 移动端日历插件，不依赖其他第三方框架](https://github.com/rookie125/mobile-calendar)
- [mobile_calendar jQuery手机移动端日历日期选择](https://github.com/Hancoson/mobile_calendar)
- [Flatpickr ：轻量级日期时间选择器，无依赖 (英文日期)](https://chmln.github.io/flatpickr)
- [datePicker 一个适合移动端的日期选择插件，支持选择时间](https://github.com/ddd702/datePicker)
- [better-picker – 一款轻量级IOS风格的JavaScript选择器](https://github.com/ustbhuangyi/picker)
>10.6 取色
- [Colorpicker plugin for Twitter Bootstrap](https://github.com/mjolnic/bootstrap-colorpicker)
>10.7 标签插件(Tag)
- [TaggingJS – 可以灵活定制的 jQuery 标签系统插件](https://github.com/sniperwolf/taggingJS)
- [selectize.js](https://github.com/brianreavis/selectize.js)
>10.8 自动完成插件
- [At.js - 一个Twitter/微博样式的@自动完成插件](https://github.com/ichord/At.js)
- [jquery-textcomplete - 智能搜索提示框/自动补全](https://github.com/yuku-t/jquery-textcomplete)
- [typeahead.js - a fast and fully-featured autocomplete library](https://github.com/twitter/typeahead.js)
- [Awesomplete - 零依赖的简单自动完成插件](http://leaverou.github.io/awesomplete/) - [github](https://github.com/LeaVerou/awesomplete)
- [Algolia Places：给输入框添加地址自动补全功能](https://github.com/algolia/places/)
>10.8.1
- [Cleave.js – 自动格式化表单输入框的文本内容](https://github.com/nosir/cleave.js/)
>10.9 样式修正
- [autosize - 使文本框自动适应所输入的内容](https://github.com/jackmoore/autosize)
>11. 图表绘制/图形库(Graphics)
- [Highcharts](https://github.com/highslide-software/highcharts.com)
- [Chart.js - 基于HTML5的JavaScript图表](https://github.com/nnnick/Chart.js)
- [百度 ECharts](https://github.com/ecomfe/echarts)
- [Chartist.js](https://github.com/gionkunz/chartist-js)
- [D3.js - D3是基于数据的文档操作javascript库,D3能够把数据和HTML、SVG、CSS结合起来,创造出可交互的数据图表。](https://github.com/d3/d3)
- [intro-to-d3 - a D3.js tutorial](https://github.com/square/intro-to-d3)
- [Bonsai - 一个功能强大的JavaScript图形库](https://github.com/uxebu/bonsai)
- [Epoch - 漂亮、平稳流畅和高性能可视化的图表库](http://fastly.github.io/epoch/)
- [SVG 2D绘图](http://jonobr1.github.io/two.js/)
- [SVG Morpheus - SVG图形变形动画](https://alexk111.github.io/SVG-Morpheus/)
- [Sigma是一个专用于图形绘制的JavaScript库。](https://github.com/jacomyal/sigma.js)
- [GraphicsJS ，一个轻量级的前端图形库 支持ie6](http://www.graphicsjs.org/)
- [强大的矢量图形库：Raphael JS ](https://github.com/DmitryBaranovskiy/raphael/) http://www.jianshu.com/p/81c3fc5287d1
- [chart.xkcd - xkcd 风格(手绘风格)的图表库](https://github.com/timqian/chart.xkcd)
>12. 日期格式化
- [Day.js 2kB超轻量时间库 和Moment.js一样的API](https://github.com/xx45/dayjs)
- [Miment.js 轻量级的时间库](https://github.com/noahlam/Miment/blob/master/README-cn.md)
- [Moment.js - 日期处理](http://momentjs.com/)
- [Smart Time Ago - 显示相对时间](https://github.com/pragmaticly/smart-time-ago)
- [FormatJS – 让你的 Web 应用程序国际化](http://formatjs.io/)
- [一个轻量级的时间处理工具库 - dateformat.js](https://github.com/XuXiaoGH/dateformat.js)
- [timeago a jQuery plugin 返回类型xxx时间之前发表,支持18种语言](http://timeago.yarp.com/)
- [date-fns 时间格式化](https://github.com/date-fns/date-fns)
>13. 页面交互
>13.1 Slider
- [slick - the last carousel you'll ever need](https://github.com/kenwheeler/slick/)
- [Swipe - the most accurate touch slider](https://github.com/thebird/Swipe)
- [Swiper - 移动端/pc端滑动组件比较强大](http://www.idangero.us/swiper/demos/.VUCEQUYr_pA) - [github](https://github.com/nolimits4web/Swiper)
- [iscroll - 简约模拟滑动层](https://github.com/cubiq/iscroll)
- [iSlider - 移动端滑动组件](https://github.com/BE-FE/iSlider)
- [OwlCarousel - create beautiful responsive carousel slider](https://github.com/OwlFonk/OwlCarousel)
- [jquery-mousewheel - jQuery鼠标滚轮滚动侦测插件](https://github.com/jquery/jquery-mousewheel/)
- [Glide.js - 轻量级滑块组件](https://github.com/jedrzejchalubek/Glide.js)
>13.2 瀑布流
- [Masonry](http://masonry.desandro.com/) 推荐
- [Isotope - Filter & sort magical layouts](http://isotope.metafizzy.co/)
- [Wookmark-jQuery ](https://github.com/GBKS/Wookmark-jQuery)
>13.3 懒加载/加载监听/预加载
- [basket.js – 基于 LocalStorage 的资源加载器](https://github.com/addyosmani/basket.js)
- [imagesLoaded – 检测网页中的图片是否加载完成](https://github.com/desandro/imagesloaded)
- [layzr.js - git关注蛮高的](http://callmecavs.github.io/layzr.js/) - [github](https://github.com/callmecavs/layzr.js)
- [Echo.js](https://github.com/toddmotto/echo)
- [lazySizes](https://github.com/aFarkas/lazysizes)
- [jquery_lazyload](https://github.com/tuupola/jquery_lazyload)
- [BttrLazyLoading](https://github.com/shprink/bttrlazyloading/)
- [lazyload.js](https://github.com/vvo/lazyload)
- [waitForImages - 图片加载监听库](https://github.com/alexanderdickson/waitForImages)
- [PxLoader - JS预加载库:实现图片、声音等各种文件的预加载功能](https://github.com/thinkpixellab/PxLoader)
- [jQuery.preload - 预加载图片资源](https://github.com/htmlhero/jQuery.preload/blob/master/src/jquery.preload.js)
- [bindWithDelay - jQuery Plugin For Delayed Event Execution](https://github.com/bgrins/bindWithDelay)
- [TypeWatch - 停止输入时调用](https://github.com/dennyferra/TypeWatch)
>13.4 图片轮播(幻灯片)/图片展示
- [SuperSlide - 国产的幻灯片,功能集成比较多,我个人推荐](http://www.SuperSlide2.com/)
- [FlexSlider](https://github.com/woothemes/FlexSlider)
- [unslider - 小而美的轮播库](https://github.com/idiot/unslider)
- [prettyPhoto](https://github.com/scaron/prettyphoto)
- [FlickerPlate - A cool jQuery plugin that lets you flick through content.](https://github.com/chrishumboldt/Flickerplate)
- [Holder.js - Client-side image placeholders.](https://github.com/imsky/holder)
- [RowGrid.js - 在径直的行里放置图片](https://github.com/brunjo/rowGrid.js)
- [ImageLightbox.js - 灯箱效果](http://osvaldas.info/examples/image-lightbox-responsive-touch-friendly/)
- [JQuery Panorama Viewer - 全景视图](https://github.com/peachananr/panorama_viewer)
- [PhotoSwipe - 移动开发必备的 iOS 风格相册](http://photoswipe.com/) - [github](https://github.com/dimsemenov/photoswipe)
- [lory.js ](http://meandmax.github.io/lory/)
- [swipe2 – 非常轻量级的一个图片滑动切换效果库,跟3版本不一样,这个用于幻灯片](https://github.com/lyfeyaj/Swipe)
- [RefineSlide A 3D transform/CSS transition-enabled jQuery](https://github.com/webbart/refineslide)
>13.5 图片剪裁/图片处理
- [Jcrop - Image Cropping Plugin for jQuery](https://github.com/tapmodo/Jcrop)
- [croppic - an image cropping jquery plugin](https://github.com/sconsult/croppic)
- [jQuery.eraser - 图像擦除插件](https://github.com/boblemarin/jQuery.eraser)
- [DD_belatedPNG.js - 让IE6支持透明PNG图片](http://www.dillerdesign.com/experiment/DD_belatedPNG/)
- [FocusPoint.js 实现图片的响应式裁剪](https://github.com/jonom/jquery-focuspoint)
- [Picturefill - 一个响应式图片 JS 插件 (Scott Jehl) ](http://scottjehl.github.io/picturefill/)
- [jQuery picZoomer - 图片区域放大](http://www.jqueryscript.net/zoom/jQuery-Plugin-For-Image-Zoom-On-Hover-picZoomer.html)
- [watermark.js 为图片添加水印](http://brianium.github.io/watermarkjs/)
- [image-compressor 图片压缩](https://github.com/xkeshi/image-compressor)
>13.6 图片放大镜
- [EasyZoom for jQuery](https://github.com/i-like-robots/EasyZoom)
- [ZooMove for jQuery](https://github.com/thompsonemerson/zoomove)
- [Magnifier.js](https://github.com/mark-rolich/Magnifier.js)
>13.6 进度条/加载动画(Loading)
- [CSS Loader 是一个非常有用加载器。它允许开发人员利用纯 CSS 文件，以及一个空
- [progressbar.js svg线条](https://github.com/kimmobrunfeldt/progressbar.js)
- [NProgress.js](http://ricostacruz.com/nprogress/)
- [progress.js](https://github.com/usablica/progress.js)
- [Pace - Automatic page load progress bar](https://github.com/HubSpot/pace)
- [jquery-ajax-progress](https://github.com/englercj/jquery-ajax-progress)
- [waitMe - 很漂亮的loading效果](https://github.com/vadimsva/waitMe)
- [spin.js](https://github.com/fgnass/spin.js)
- [sonic.js](https://github.com/padolsey/sonic.js)
- [fakeLoader.js - 依赖jQ的全屏加载js](https://github.com/joaopereirawd/fakeLoader.js)
- [Easy Pie Chart](https://github.com/rendro/easy-pie-chart)
>13.7 侧滑插件(offcancas)
- [pushy - a responsive off-canvas navigation menu ](https://github.com/christophery/pushy)
- [Slideout.js - 一个用于移动 Web 应用的触摸滑出式导航菜单](https://github.com/mango/slideout)
>13.8 菜单(Menu)
- [SuperFish - 基于jQuery的级联下拉菜单](https://github.com/joeldbirch/superfish)
- [Responsive Nav - 响应式导航](https://github.com/viljamis/responsive-nav.js)
>13.9 滚动侦测(ScrollSpy)
- [jquery-scrollspy(1)](https://github.com/sxalexander/jquery-scrollspy)
- [jquery-scrollspy(2)](https://github.com/thesmart/jquery-scrollspy)
- [Waypoints](https://github.com/imakewebthings/waypoints)
- [ScrollMagic - 像进度条一样使用滚动条](https://github.com/janpaepke/ScrollMagic)
- [onScreen - 滚动加载,滚动固定](http://silvestreh.github.io/onScreen/)
- [Choreographer.js 多帧动画处理 跟ScrollMagic 类似 ](https://github.com/christinecha/choreographer-js)
- [moveTo.js 轻量级滚动到指定位置插件](https://github.com/hsnaydd/moveTo)
- [basicScroll](https://github.com/electerious/basicScroll)
>13.10 滚动加载更多/下拉刷新(Pull to Refresh)
- [jScroll](https://github.com/pklauzinski/jscroll)
- [web-pull-to-refresh](https://github.com/apeatling/web-pull-to-refresh)
- [pulltorefresh](https://github.com/dwcares/pulltorefresh)
- [RubberBand.js - add pull-to-refresh functionality to any page.](https://github.com/ThrivingKings/RubberBand.js)
- [infinity.js/∞ .js 无限下拉加载](http://airbnb.github.io/infinity/)
- [pulltorefresh.js 下拉刷新](https://github.com/BoxFactura/pulltorefresh.js)
- [infinite-scroll – 一款滚动加载按需加载的轻量级插件](https://github.com/infinite-scroll/infinite-scroll)
- [better-scroll 移动端滚动插件](https://github.com/ustbhuangyi/better-scroll)
>13.11 平滑滚动插件(Smooth Scroll)
- [jquery-smooth-scroll](https://github.com/kswedberg/jquery-smooth-scroll)
- [jquery.scrollTo - 平滑滚动到页面指定位置](https://github.com/flesler/jquery.scrollTo)
- [smooth-scroll](https://github.com/cferdinandi/smooth-scroll)
- [scrollUp](https://github.com/markgoodyear/scrollup)
- [Elevator.js 一个模拟电梯运行“返回顶部”的 JS 插件 (Tim Holman) ](https://github.com/tholman/elevator.js)
>13.12 全屏滚动/全屏切换
- [pagePiling.js - 全屏滚动效果](https://github.com/alvarotrigo/pagePiling.js)
- [fullPage.js](https://github.com/alvarotrigo/fullPage.js/)
- [onepage-scroll](https://github.com/peachananr/onepage-scroll)
- [zepto.fullpage - 专注于移动端的fullPage.js](https://github.com/yanhaijing/zepto.fullpage)
- [screenfull.js - 切换全屏模式](https://github.com/sindresorhus/screenfull.js)
- [Space.js – HTML 驱动的页面 3D 滚动效果](http://www.slashie.org/space.js/) - [github](https://github.com/gopatrik/space.js)
>13.13 分屏滚动
- [multiscroll.js - 分屏滚动效果](https://github.com/alvarotrigo/multiscroll.js)
>13.14 转场效果
- [Animsition - 页面切换时的过渡效果](https://github.com/blivesta/animsition)
>13.15 固定元素(Sticky)
- [Sticky-Kit 比较出名,功能强大,个人推荐](http://leafo.net/sticky-kit/)
- [ Sticky Navbar -可定点](http://www.jozefbutko.com/stickynavbar/)
- [Waypoints](http://imakewebthings.com/waypoints/)
- [sticky - jQuery Plugin for Sticky Objects](https://github.com/garand/sticky)
- [jquery.pin - 固定页面元素](https://github.com/webpop/jquery.pin)
- [stickUp](https://github.com/LiranCohen/stickUp)
- [Slinky.js - 堆叠头部创建滑动导航列表](https://github.com/iclanzan/slinky)
- [Headroom.js](http://wicky.nillia.ms/headroom.js/)
- [ScrollMagic](http://janpaepke.github.io/ScrollMagic/)
- [Sticky Float](https://github.com/yairEO/stickyfloat)
- [Sticky Mojo](http://mojotech.github.io/stickymojo/)
- [Zebra Pin](https://github.com/stefangabos/Zebra_Pin)
- [HC-Sticky](https://github.com/somewebmedia/hc-sticky)
>13.16 触控事件
- [Hammer.js](https://github.com/hammerjs/hammer.js)
>13.17 拖拽组件
- [Draggabilly - 专注于拖拽功能的 JS 库](https://github.com/desandro/draggabilly)
- [jquery.event.move.js](https://github.com/stephband/jquery.event.move)
- [ScrollBooster 轻量级拖拽滚动](https://github.com/ilyashubin/scrollbooster)
>13.18 隐藏或展示页面元素
- [Headroom.js - 在不需要页头时将其隐藏](http://www.bootcss.com/p/headroom.js/)
- [Readmore.js - 内容显示与隐藏插件](https://github.com/jedfoster/Readmore.js)
- [oriDomi - 像指一样折叠Dom元素](https://github.com/dmotz/oriDomi)
>13.19 滚动条(Scrollbar)
- [jQuery-slimScroll pc效果不错5k,手机端不建议是用](http://rocha.la/jQuery-slimScroll)
- [jquery.mCustomScrollbar pc,苹果效果不错,安卓效果略差,大小较大](http://manos.malihu.gr/jquery-custom-content-scroller/)
- [jScrollPane](https://github.com/vitch/jScrollPane)
- [jquery.scrollbar](https://github.com/gromo/jquery.scrollbar)
- [perfect-scrollbar](https://github.com/noraesae/perfect-scrollbar)
- [nanoScrollerJS](https://github.com/jamesflorentino/nanoScrollerJS)
- [tinyscrollbar](https://github.com/wieringen/tinyscrollbar)
- [gemini-scrollbar](https://github.com/noeldelgado/gemini-scrollbar)
>13.20 视差滚动(Parallax Scrolling)
- [MidnightJS 效果很赞](http://aerolab.github.io/midnight.js/)
- [parallax.js](https://github.com/wagerfield/parallax)
- [jparallax](https://github.com/stephband/jparallax)
- [StickyStack.js](http://codepen.io/mike-zarandona/full/Dasnw) [-github](https://github.com/mike-zarandona/StickyStack.js)
- [jquery.superscrollorama.js 很酷的动画效果](https://github.com/johnpolacek/superscrollorama)
>14. 代码高亮插件/代码编辑器
- [google-code-prettify](https://code.google.com/p/google-code-prettify/)
- [highlight.js](https://highlightjs.org/)
- [Rainbow](http://craig.is/making/rainbows)
- [ACE](https://github.com/ajaxorg/ace)
- [CodeMirror](https://github.com/codemirror/codemirror)
- [Crayon Syntax Highlighter](https://github.com/aramk/crayon-syntax-highlighter)
- [prism - Lightweight, robust, elegant syntax highlighting.](https://github.com/PrismJS/prism)
>15. UI Icon 组件
- [Font Awesome](http://fontawesome.io/icons/)
- [Glyphter: The SVG Font Machine](http://glyphter.com/)
- [Perfect Icons](http://perfecticons.com/)
- [iconizr](http://iconizr.com/)
- [Cikonss - 纯CSS实现的响应式Icon](http://www.bootcss.com/p/cikonss/)
- [Simple Icons](https://github.com/danleech/simple-icons)
>16. 动画(Animate)
- js动画库
- [GSAP.js 最屌的动画库](http://greensock.com/gsap)
- [Animate Plus CSS/SVG 动画库](https://github.com/bendc/animateplus)
- [anime.js 动画库,支持svg-一直在更新](https://github.com/juliangarnier/anime)
- [dynamics.js js动画-很屌的样子,支持svg](http://dynamicsjs.com/)
- [snabbt.js - 简约的JavaScript动画库](http://daniel-lundin.github.io/snabbt.js/)
- [Transit - CSS transitions and transformations for jQuery](https://github.com/rstacruz/jquery.transit)
- [Move.js - 简化CSS3动画的JS库](http://visionmedia.github.io/move.js/) - [github](https://github.com/visionmedia/move.js)
- [Animo.js - 堆栈动画，创建跨浏览器的模糊效果【效果不错，依赖jq】](http://labs.bigroomstudios.com/libraries/animo-js) - [github](https://github.com/ThrivingKings/animo.js)
- [Velocity.js - 加速JavaScript动画](https://github.com/julianshapiro/velocity)
- [Morf.js 提供了一组 JavaScript 方法用于加速 CSS3的各种转换效果，支持的方法都在上图中，无需编写 CSS3 代码。](http://www.joelambert.co.uk/morf/) - [github](https://github.com/joelambert/morf)
- [lenticular.js - 响应倾斜或鼠标事件创建图片动画](https://github.com/thomasxiii/lenticular.js)
- [jQuery Interactive 3D - 使用图片创建一个3D模型](https://github.com/peachananr/interactive_3d)
- [AnimateScroll - 动画滚动,应该是定点导航动画](https://github.com/ramswaroop/animatescroll.js)
- [jq 元素抖动库](http://jackrugile.com/jrumble/)
- [Tween JS JavaScript 补间动画库 canvas](http://www.createjs.com/!/CreateJS)
- [Rekapi 关键帧动画库](http://rekapi.com/)
- [favico.js v0.3.4 控制游览器标签小图标](http://lab.ejci.net/favico.js/) - [github](https://github.com/ejci/favico.js)
- [dom-animator -注释动画](http://tholman.com/dom-animator/)
- [KUTE.js 支持SVG等动画-手机端性能不太好](https://github.com/thednp/kute.js)
- [Granim.js 简单易用的渐变动画库,纯JavaScript(< 10kB) 实现。](https://sarcadass.github.io/granim.js/)
- [txt.wav.js 让文字飞起来](https://github.com/still-life-studio/txt.wav)
- [jquery.path 动画路径](https://github.com/weepy/jquery.path)
- [Vivus.js](http://maxwellito.github.io/vivus/) 是一个轻量级的JavaScript类(完全无依赖) 来允许你创建 SVG 动画，让他们显示被画出来的轨迹。 Vivus提供很多不同种类的动画。 另外还有选项，你可以按你的想法来创建一个定制的脚本来创建你的SVG动画。
- [mo.js](http://mojs.io/)
- [micron.js Micron是一个允许你为DOM元素添加不同的CSS增强动画的库](https://github.com/webkul/micron)
- [Direction Reveal （方向展示）](https://github.com/NigelOToole/direction-reveal)
- [Rythm.js 让页面跳舞](https://github.com/Okazari/Rythm.js)
- [一个 JavaScript 的 3D 设计和动画制作库](https://github.com/metafizzy/zdog)
- css动画库
- [xless - 又一个css动画库](http://royjang.github.io/xless/) [github](https://github.com/royJang/xless)
- [CSShake - css抖动库](https://elrumordelaluz.github.io/csshake/) - [github](https://github.com/elrumordelaluz/csshake)
- [animate.css - css3动画库](https://github.com/daneden/animate.css)
- [all animation - 同上,有sass版本](http://clovisdasilvaneto.github.io/all-animation/) - [github](https://github.com/clovisdasilvaneto/all-animation)
- [magic - CSS3动画特效](http://dreamsky.github.io/main/blog/magic-css.html) - [gihub](https://github.com/miniMAC/magic)
- [ScrollMe – 在网页中加入各种滚动动画效果](https://github.com/nckprsn/scrollme)
- [Loaders.css - css加载动画](http://connoratherton.com/loaders) - [ github](https://github.com/ConnorAtherton/loaders.css)
- [css-loaders - 同上](https://github.com/lukehaas/css-loaders)
- [Hover.css](http://ianlunn.github.io/Hover/) - [github](https://github.com/IanLunn/Hover)
- [Effeckt.css - 手机动画库](https://github.com/h5bp/Effeckt.css)
- [NEC动画库](http://nec.netease.com/library/category/animation)
- [uilang - a minimal, ui-focused programming language for web designers](http://uilang.com/)
- [csshake 带有sass版本](https://github.com/elrumordelaluz/csshake)
- [AniJS - 一个基于声明式语法的CSS动画库](https://github.com/anijs/anijs/)
- [SpinKit ??](https://github.com/tobiasahlin/SpinKit)
- [JX.Animate - 腾讯css3动画库](http://alloyteam.github.io/JXAnimate/) - [github](https://github.com/AlloyTeam/JXAnimate)
- [SpinThatShit 酷炫的Loading 动画sass库 https://matejkustec.github.io/SpinThatShit/](https://github.com/MatejKustec/SpinThatShit)
- [OBNOXIOUS.CSS 冲击视觉的效果](http://tholman.com/obnoxious/)
>17. 本地存储
- [bowl.js 一个轻量级的前端资源缓存加载器](https://github.com/ElemeFE/bowl)
- [cross-storage - Cross domain local storage](https://github.com/zendesk/cross-storage)
- [localForage](https://github.com/mozilla/localForage)
- [pouchdb](https://github.com/pouchdb/pouchdb)
- [basil.js 是一个 JavaScript 的数据持久化层库,实现了统一的 LocalStorage、Cookie 和 Session 存储。](https://github.com/Wisembly/basil.js)
- [store.js 公开了一个简单的接口来实现跨浏览器的本地存储。](https://github.com/marcuswestin/store.js)
>17.1 数据库
- [nedb ](https://github.com/louischatriot/nedb)
- [lowdb](https://github.com/typicode/lowdb)
- [localForage](https://github.com/localForage/localForage)
- [Dexie.js](https://github.com/dfahlander/Dexie.js)
- [ZangoDB](https://github.com/erikolson186/zangodb)
>18. 模板引擎
- [paperclip.js ie8+](https://github.com/crcn/paperclip.js)
- [mustache.js](https://github.com/janl/mustache.js)
- [Handlebars.js](http://www.jingwentian.com/t-66)
- [artTemplate](https://github.com/aui/artTemplate)
- [baiduTemplate](https://github.com/wangxiao/BaiduTemplate)
- [JSRender](https://github.com/BorisMoore/jsrender)
- [EJS - JavaScript Templates](https://github.com/tj/ejs)
- [Juicer - A Light Javascript Templete Engine.](https://github.com/PaulGuo/Juicer)
- [Tempo](https://github.com/twigkit/tempo)
- [json2html](https://github.com/moappi/json2html)
- [CMS.js是基于Jekyll的一个JavaScript网页生成器，使用普通的HTML，CSS和JavaScript的网站快捷的生成网页。](https://github.com/cdmedia/cms.js)
>19. 通知组件/弹框组件/模态窗口
- [layer.js - 国产,也是集成很多功能,个人推荐](http://sentsin.com/jquery/layer/)
- [AnimatedModal.js - CSS3 全屏模态窗口,支持 Firefox、Chrome、Safari、Opera 和 IE 10+](http://joaopereirawd.github.io/animatedModal.js/)
- [alertify.js](https://github.com/fabien-d/alertify.js)
- [AlertifyJS](https://github.com/MohammadYounes/AlertifyJS)
- [SweetAlert](https://github.com/t4t5/sweetalert)
- [Messenger - 非常酷的弹框组件](https://github.com/HubSpot/messenger)
- [PNotify](https://github.com/sciactive/pnotify)
- [Notify.js - A simple, versatile notification library](https://github.com/jpillora/notifyjs)
- [Remodal - 模态窗口插件](https://github.com/VodkaBears/Remodal)
- [Popper.js：强大的浮动提示库（pop 即弹出层，popper 即弹出层的内容）](https://github.com/FezVrasta/popper.js)
>20. 提示控件(Tooltips)
- [qTip2 - Pretty powerful tooltips](https://github.com/qTip2/qTip2)
- [tooltip - CSS Tooltips](https://github.com/HubSpot/tooltip)
- [tooltipster - A jQuery tooltip plugin](https://github.com/iamceege/tooltipster)
- [grumble.js - 气泡形状的提示（Tooltip）控件](https://github.com/jamescryer/grumble.js)
- [Ouibounce - 离站提示控件](https://github.com/carlsednaoui/ouibounce)
- [SweetAlert – 替代 Alert 的漂亮的提示效果](https://github.com/t4t5/sweetalert)
- [SweetAlert2 - 不知道是不是克隆1的自己搞一个分支](https://github.com/limonte/sweetalert2)
- [Tippy.js A lightweight, pure JavaScript tooltip library 迷你提示框](https://github.com/atomiks/tippyjs)
- [tata.js 一款提示窗口](https://github.com/xrr2016/tata)
>21. 对话框/遮罩层/弹出层(lightbox)
- [fancyBox - Fancy jQuery lightbox](https://github.com/fancyapps/fancyBox)
- [jquery-lightbox - The popular lightbox script, ported to jQuery](https://github.com/krewenki/jquery-lightbox)
- [Colorbox - a jQuery lightbox](https://github.com/jackmoore/colorbox)
- [artDialog - 经典的网页对话框组件](https://github.com/aui/artDialog)
- [DialogEffects](https://github.com/codrops/DialogEffects)
- [jQuery blockUI - Page or element overlay](https://github.com/malsup/blockui/)
>22. 文档/表格/PDF
- [handsontable - 在线可编辑excel表格](https://github.com/handsontable/handsontable)
- [jQuery Bootgrid - 用于ajax生成动态表格](https://github.com/rstaib/jquery-bootgrid)
- [DataTables - Table plug-in for jQuery](https://github.com/DataTables/DataTables)
- [PDF.js - 一个 JavaScript 编写的 PDF 阅读器](https://github.com/mozilla/pdf.js)
- [jsPDF - Generate PDF files in JavaScript](https://github.com/MrRio/jsPDF)
- [Recline.js - 灵活操作和展示数据](https://github.com/okfn/recline/)
- [Dynatable - 交互式表格插件](https://github.com/alfajango/jquery-dynatable)
>23. 目录树插件
- [zTree_v3 - jQuery Tree Plugin](https://github.com/zTree/zTree_v3)
- [jstree - jQuery Tree Plugin](https://github.com/vakata/jstree)
- [fancytree - Tree plugin for jQuery](https://github.com/mar10/fancytree)
>24. Ajax模块
- [fetch - A window.fetch JavaScript polyfill](https://github.com/github/fetch)
- [reqwest - browser asynchronous http requests](https://github.com/ded/reqwest)
- [minAjax.js](https://github.com/argunner/minAjax.js/)
>25. 音频/视频
- [A HTML5 video player with a parser that saves traffic 西瓜播放器](https://github.com/bytedance/xgplayer)
- [Chimee 组件化H5播放器框架-mp4、m3u8、flv ](http://chimee.org/)
- [pizzicato.js](https://github.com/alemangui/pizzicato)
- [webaudiox.js](https://github.com/jeromeetienne/webaudiox)
- [jWebAudio](http://01org.github.io/jWebAudio/)
- [jPlayer - HTML5 Audio & Video for jQuery](https://github.com/happyworm/jPlayer)
- [video.js - HTML5 & Flash video player](https://github.com/videojs/video.js)
- [Accessible HTML5 Video Player - PayPal 开源的 HTML5 视频播放器](https://github.com/paypal/accessible-html5-video-player)
- [Clappr - 开源的Web视频播放器](https://github.com/clappr/clappr)
- [Plyr - 简单，灵活的 HTML5 媒体播放器](https://github.com/selz/plyr)
- [FitVids.js - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.](https://github.com/davatron5000/FitVids.js)
- [BigVideo.js - The jQuery Plugin for Big Background Video](https://github.com/dfcb/BigVideo.js)
- [BigScreen - A simple library for using the JavaScript Full Screen API](https://github.com/bdougherty/BigScreen)
- [Vide - 视频背景](https://github.com/VodkaBears/Vide)
- [winamp2-js](https://github.com/captbaritone/winamp2-js)
- [Buzz - A Javascript HTML5 Audio library](https://github.com/jaysalvat/buzz)
- [howler.js 是一个新的 JavaScript 库用于处理 Web 的音频，该库最初是为一个 HTML5 游戏引擎所开发，但也可用于其他的 Web 项目。] (https://github.com/goldfire/howler.js)
- [Flv.js 实现了 FLV 格式视频的播放](https://github.com/Bilibili/flv.js)
- [BIDEO.JS使得添加全屏背景视频更加容易。](https://github.com/rishabhp/bideo.js)
- [loud links一个很小的JavaScript库,允许您通过HTML5添加交互式音频元素在网站播放mp3 / ogg文件，目前支持所有浏览器。](https://github.com/mahdif/loud-links/)
- [Waud.js – 使用HTML5降级处理的Web音频库](https://github.com/waud/waud)
- [Wad](https://github.com/rserota/wad)
- [Tone.js](https://tonejs.github.io/)
- [PearPlayer.js 一个支持多协议、多源、混合P2P-CDN的流媒体播放器](https://github.com/PearInc/PearPlayer.js)
>26. 按钮
- [Buttons - A CSS button library](https://github.com/alexwolfe/Buttons)
- [ButtonComponentMorph](https://github.com/codrops/ButtonComponentMorph)
- [ProgressButtonStyles](https://github.com/codrops/ProgressButtonStyles)
- [CreativeButtons](https://github.com/codrops/CreativeButtons)
- [CSS3 buttons](https://github.com/ubuwaits/css3-buttons)
- [jquery.onoff - Interactive, accessible toggle switches for the web.](https://github.com/timmywil/jquery.onoff)
>27. 富文本编辑器/Markdown编辑器/Markdown解析器
- [Simditor - 简单快速的富文本编辑器](https://github.com/mycolorway/simditor)
- [BachEditor - 一个有情怀的编辑器](https://github.com/Integ/BachEditor)
- [Squire – 简洁的 HTML5 富文本编辑器](http://neilj.github.io/Squire/)
- [TinyMCE](https://github.com/tinymce/tinymce)
- [bootstrap-markdown](https://github.com/toopay/bootstrap-markdown)
- [marked - markdown解析器](https://github.com/chjj/marked)
- [Markdown Plus](https://github.com/tylingsoft/markdown-plus)
- [Editor.md - 开源在线Markdown编辑器](https://github.com/pandao/editor.md)
>28. 内容提取(Readability)
- [Readability](https://code.google.com/p/arc90labs-readability/)
- [json.human.js - Json Formatting for Human Beings](https://github.com/marianoguerra/json.human.js)
>29. 颜色(CSS Colors)/SVG
- [CSS Colours](http://colours.neilorangepeel.com/)
- [SVGeneration](http://www.svgeneration.com/)
- [SVGMagic - 自动的创建PNG来兼容不支持SVG的浏览器](https://github.com/dirkgroenen/SVGMagic)
- [Adaptive Backgrounds - 从图片抽取主要颜色和应用到父元素](https://github.com/briangonzalez/jquery.adaptive-backgrounds.js)
>30. 选项卡(Tabs)
- [Easy Responsive Tabs to Accordion](https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion)
- [Responsive-Tabs](https://github.com/jellekralt/Responsive-Tabs)
- [ion.tabs - jQuery tabs plugin](https://github.com/IonDen/ion.tabs)
- [jQuery-EasyTabs](https://github.com/JangoSteve/jQuery-EasyTabs)
- [以多标签页载入页面的功能插件 bTabs.js](https://github.com/TerryZ/bTabs)
>31. 文本处理
- [ZeroClipboard - 文本复制插件](https://github.com/zeroclipboard/zeroclipboard)
- [Bigfoot - 点击文章中的脚注弹窗显示](https://github.com/lemonmade/bigfoot)
- [Annotator - 文本注解插件，可以包括注释、标签、用户等](https://github.com/openannotation/annotator)
- [Succinct - 用作截断多行文本,后面添加省略号](https://github.com/micjamking/Succinct)
- [Shave 是一个零依赖、轻量级的 JavaScript 插件，它能截断多行文本.](https://github.com/dollarshaveclub/shave/)
- [Flowtype.js - 自动调整字体大小和行号](https://github.com/simplefocus/FlowType.JS)
- [flat-shadow](https://github.com/peachananr/flat-shadow)
- [FitText - A jQuery plugin for inflating web type](https://github.com/davatron5000/FitText.js)
- [Squishy 是一个jQuery插件，它能自动调整文字，准确地对其各容器](http://cmsauve.com/projects/squishy/)
- [slabText 一个jQuery插件，用于创建大的，大胆的和敏感的头条新闻。](http://freqdec.github.io/slabText/)
- [Textillate 做CSS3文字动画。](http://jschr.github.io/textillate/)
- [Bacon 是一个jQuery插件，它允许您环绕贝塞尔曲线文字或线条，它可以让您的文字沿贝塞尔曲线排列。](http://baconforme.com/)
- [Circletype.js 是一个很小的（ 2.7kb ）的jQuery插件，可以让你的字体在一个圆圈内显示。](http://circletype.labwire.ca/)
- [jQSlickWrap 是一个jQuery插件，让您可以轻松而准确地环绕浮动图像里的内容文字。](http://www.jwf.us/projects/jQSlickWrap/)
- [TypeButter 使您能为您的字体设置透明度和字间距。](http://typebutter.com/)
>32. 布局(Layout)
- 分隔面板(Split Panel)
- [jQuery Split Pane plugin](https://github.com/shagstrom/split-pane)
- [Split.js (推荐)](https://github.com/nathancahill/Split.js)
- [React Split Pane](https://github.com/tomkp/react-split-pane)
- [Vue Split Pane](https://github.com/PanJiaChen/vue-split-pane)
- [Vue Split Pane](https://github.com/dangvanthanh/vue-split-pane)
- [vue-resize-split-pane](https://github.com/raven78/vue-resize-split-pane)
- [vue-multipane](https://github.com/yansern/vue-multipane)
>33. 实用工具/其他插件
- [jquery-cookie](https://github.com/carhartl/jquery-cookie)
- [FastClick - 处理移动端 click 事件 300 毫秒延迟](https://github.com/ftlabs/fastclick)
- [Async.js - 异步操作](https://github.com/caolan/async)
- [html2canvas - 实现纯JS网页截图](https://github.com/niklasvh/html2canvas)
- [jquery.qrcode.js - 生成二维码的 jQuery 插件](https://github.com/jeromeetienne/jquery-qrcode)
- [nakedpassword - 用脱衣女帮助检测密码强度](https://github.com/platform45/nakedpassword)
- [KityMinder - 脑图编辑工具](https://github.com/fex-team/kityminder)
- [MixitUp - 动画过滤和排序](https://github.com/patrickkunka/mixitup)
- [JQuery Tip Cards - 创建卡片交互的cards布局](https://github.com/peachananr/tip_cards)
- [Fallback.js - JavaScript library for dynamically loading CSS and JS files.](https://github.com/dolox/fallback/)
- [swfobject](https://github.com/swfobject/swfobject)
>34. sass 库
- [Family.scss - css3选择器简写框架,非常不错](http://lukyvj.github.io/family.scss/)
- [SpaceBase – 基于 Sass 的响应式 CSS 框架](http://spacebase.space150.com/) - [github](https://github.com/space150/spaceBase)
- [breakpoint-sass 媒体查询库](http://breakpoint-sass.com/)
- [@include-media diy媒体查询库](http://include-media.com/)
- [sass-mediaqueries 媒体查询库-推荐](https://github.com/paranoida/sass-mediaqueries)
- [sass-mq Media Queries with superpowers-em单位媒体查询库](https://github.com/sass-mq/sass-mq)
- [sass-svg 一个内联 SVG 的 SASS 库](https://github.com/leeenx/sass-svg)
>34.1 分页
- [jqPagination 分页插件](https://github.com/beneverard/jqPagination)
>34.2 模拟打字
- [ jQuery.type-typetype 用于textarea文本域](https://github.com/iamdanfox/typetype);
- [typing.js 华丽的打字效果JS插件](https://github.com/coffeedeveloper/typing.js)
- [superplaceholder.js 利用文本框的 placeholder 属性，以打字形式展示出自定义的文字，可用于提示。](https://github.com/chinchang/superplaceholder.js)
- [iTyped.js 实现打字效果](https://github.com/luisvinicius167/ityped)
>34.3 字数统计
- [Countable.js：这个脚本可以添加实时段落，文字和字符数到一个html元素](http://radlikewhoa.github.io/Countable)
>35. 未知分类
- [使用 tictac.js 实现倒计时](https://github.com/keenwon/tictac)
- [一个大小约 2k 的图片高斯模糊库 —— blurify.js](https://github.com/JustClear/blurify)
- [Rainyday.js - 实现雨滴效果](http://maroslaw.github.io/rainyday.js/)
- [Reveal.JS - 替代PPT,演示文稿。](https://github.com/hakimel/reveal.js/)
- [Gif.JS 是一个能运行在你的浏览器中的JavaScript GIF编码器。](http://jnordberg.github.io/gif.js/)
- [Sir Trevor是一个会完全重绘网页内容的工具：直观的编辑网页内容而不用假定任何关于它是如何重绘的事。](http://madebymany.github.io/sir-trevor-js/)
- [feature.js 检测浏览器是否支持某属性](http://featurejs.com/)
- [a browser detector 检测浏览器类型,包括手机](https://github.com/ded/bowser)
- [Mock.js 生成随机数据,拦截ajax](http://mockjs.com/)
- [BookBlock 翻书特效](http://tympanus.net/Development/BookPreview/) - [github](https://github.com/codrops/BookBlock)
- [intro.js 引导用户页面](https://github.com/usablica/intro.js)
- [CSS滤镜 CSSgram](http://una.im/CSSgram/)
- [Transformicons - CSS/SVG 元素模拟 图标/符号动画-过渡](http://www.transformicons.com/)
- [CSS 滤镜在线调试](http://ilyashubin.github.io/FilterBlend/)
- [glfx.js canvas图片处理滤镜](https://github.com/evanw/glfx.js)
- [Crayon.css CSS颜色变量名与16进制对应列表。](http://riccardoscalco.github.io/crayon/)
- [SVG圆形菜单生成器](http://sarasoueidan.com/tools/circulus/)
- [优化和配置SVGO的WEB应用](https://jakearchibald.github.io/svgomg/)
- [CSS单位对比视图](http://katydecorah.com/css-ruler/)
- [使用GUI快速创建SVG path](http://anthonydugois.com/svg-path-builder/)
- [把CSS代码转成SASS的应用](http://css2sass.herokuapp.com/)
- [resizr 测试 CSS media queries 的轻量级应用-需要线上地址,没有线上地址,可以搞个coding-git](http://resizr.co/)
- [在线ppt](http://yanshuo.io/)
- [flash文件转 canvas - Flash2x Tool](http://web.flash2x.org/) http://www.annie2x.com/docs/
- [testcafe 浏览器测试工具-类似(测试单元工具)](https://github.com/DevExpress/testcafe)
- [Fuse.js 关键字-模糊查询](https://github.com/krisk/fuse)
- [Navigo 一个简单的简单的JavaScript路由，兼容老版本浏览器。](https://github.com/krasimir/navigo)
- [Wysiwyg.css 使用漂亮的主题从HTML或Markdown生成文档](http://jgthms.com/wysiwyg.css/)
- [sphinx.js 一个能够把字符串编码成png图片，或者从png图片中解码出字符串的超轻量级开源库](https://github.com/jrainlau/sphinx)
- [Wenk 是一个轻量级纯 CSS 写的文本工具提示库。](https://tiaanduplessis.github.io/wenk/)
- [CurrencyFormatter.js 是一款简单实用的纯 JS 格式化货币库。它支持 155 种不同国家的货币格式，以及超过 700 种不同语言的本地化设置。](https://github.com/osrec/currencyFormatter.js/)
- [Numeral.js – 格式化和操作数字的 JavaScript 库](https://github.com/adamwdraper/Numeral-js)
- [CCapture.js 可以使用固定的帧率实现对网页中 Canvas 的动画进行捕获，录制成视频。CCapture.js 依赖于 Whammy.js 和 gif.js。](https://github.com/spite/ccapture.js)
- [Base64.js](https://github.com/davidchambers/Base64.js)
- [Turntable.js 一款响应式 jQuery 滑块插件，可以创建一个类似3D图像旋转展示的效果。](https://github.com/PolarNotion/turntable)
- [css3d-engine 全景漫游VR](https://github.com/yyman001/css3d-engine)
- [Pressure是一个允许您通过一个API在Safari浏览器上同时使用Force Touch and 3D Touch的JavaScript库](https://github.com/stuyam/pressure)
- [苹果手机 视频内联播放 iphone-inline-video] (https://github.com/bfred-it/iphone-inline-video)
- [Immutable.js – JavaScript 不可变数据集合,函数式编程库（Facebook出品）](https://github.com/facebook/immutable-js) [用处?](https://www.zhihu.com/question/28016223)
- [Fort.js – 时尚、现代的表单填写进度提示效果](https://github.com/idriskhenchil/Fort.js)
- [MagicSuggest – Bootstrap 主题的多选组合框](https://github.com/nicolasbize/magicsuggest)
- [Draggabilly – 轻松实现拖放功能（Drag & Drop）](https://github.com/desandro/draggabilly)
- [scrollReveal.js – 使元素以非常酷帅的方式进入画布 (Viewpoint)](https://github.com/jlmakes/scrollreveal)
- [share.js 一键分享](https://github.com/overtrue/share.js)
- [Anchorme 是一个强大的 JavaScript 库，它可以接收任何字符串或文本文件，并检测其中的所有 URL 地址](https://github.com/alexcorvi/anchorme.js/)
- [500 个科幻主题的免费矢量图标网站](http://nagoshiashumari.github.io/Rpg-Awesome/)
- [图片文字转真实文字](https://github.com/netpi/baidu-ocr-api)
- [WOWSlider css3幻灯片-软件生成](http://wowslider.com/ch/)
- [marky.js 性能分析](https://github.com/nolanlawson/marky)
- [opentype.js](https://opentype.js.org/) web字体设计?
- [gka 是一款简单的、高效的帧动画生成工具，图片处理工具,快速制作高性能帧动画解决方案](https://github.com/gkajs/gka)
- [Valine 留言板系统](https://github.com/xCss/Valine)
- [easyXDM.js 完美解决前端跨域](https://github.com/oyvindkinsey/easyXDM)
- [Emergence.js 是一个轻量级，高性能的 JS 插件，用于检测和操作浏览器中的元素。](https://github.com/xtianmiller/emergence.js)
- [FECS 基于 Node.js 的前端代码检查工具](http://fecs.baidu.com/)
- [一个绘制制svg图标的集合for react](https://dmfrancisco.github.io/react-icons/)
- [accounting.js 数字格式化](https://github.com/openexchangerates/accounting.js)
- [加载动画库 loading.io](https://loading.io/)
- [A JavaScript NES emulator/NES 模拟器](https://github.com/bfirsh/jsnes)
- [proton-native - A React environment for cross platform native desktop apps](https://github.com/kusti8/proton-native)
- [FRANXX(js路由) - A vanilla JavaScript router that works everywhere](https://github.com/egoist/franxx)
- [driver.js 引导用户页面操作](https://github.com/kamranahmedse/driver.js)
- [gitmoji - An emoji guide for your commit messages](https://github.com/carloscuesta/gitmoji/)
- [pico.js: a face-detection library in 200 lines of JavaScript- 人脸识别](https://github.com/tehnokv/picojs)
>36. Canvas库
- [jCanvas - 语法简单实现canvas的js 库](https://github.com/caleb531/jcanvas)
- [create.js ](http://www.createjs.cc/)
- [Canvas Gauges 是一个利用纯 JavaScript 和 HTML5 Canvas（画布）打造的可完全自定义的仪表，你可以用它来创建诸如机动车速度表、温度计等类型的测量设备。](https://github.com/Mikhus/canvas-gauges)
- [APNG to Canvas 支持apng图片](https://github.com/davidmz/apng-canvas)
- [particles.js 背景的粒子动画生成库](https://github.com/VincentGarreau/particles.js)
- [Fabric.js 是一个简单而强大的 JavaScript Canvas 库](https://github.com/kangax/fabric.js)
- [腾讯 AlloyTeam 正式发布 Canvas 魔幻线条 - curve.js](https://github.com/AlloyTeam/curvejs)
- [Fanvas 一键把swf转为html5 canvas动画](https://github.com/TencentOpen/Fanvas/)
- [inMap 是 一款基于 canvas 的大数据可视化库](https://github.com/TalkingData/inmap)
- [Rough.js 手绘风格](https://github.com/pshihn/rough)
- [merge-images - canvas简单图片合成 ](https://github.com/lukechilds/merge-images)
---
### webpack 插件
- [jarvis - A very intelligent browser based Webpack dashboard/美化监听错误图界面](https://github.com/zouhir/jarvis)
- [friendly-errors-webpack-plugin/友善的错误提示界面](https://github.com/geowarin/friendly-errors-webpack-plugin)
#### 其他
- [README文件语法解读](https://github.com/guodongxiaren/README)
#### 前端参考集
- [Codrops - Useful resources](https://github.com/codrops)
- [Front-end Code Standards & Best Practices](http://isobar-idev.github.io/code-standards/)
- [frontend-dev-bookmarks](https://github.com/dypsilon/frontend-dev-bookmarks)
- [Clusterize.js 可以优化你的大型数据表格的性能](http://nexts.github.io/Clusterize.js/)
还有一大波干货待整理...
----
欢迎分享你的好东西给我[@黑色技术](http://weibo.com/yyman001)
发布时间:2015-04-17
[1]: http://zui.sexy/
[2]: http://git.oschina.net/X5OK/WeX5
[3]: http://git.oschina.net/xknaan/B-JUI