一些前端开发的干货

----
`资料或许有重复!` `资料或许有重复!` `资料或许有重复!`,我也只是一个搬运工!

[库?](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 能够放在文档的 <head> 中的各种配置元素,mate列表大全](https://github.com/joshbuchea/HEAD) [中文](https://www.awesomes.cn/repo/joshbuchea/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 支持vue@2.0](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 文件,以及一个空<div>元素便可以快速的创建加载指示器。](https://github.com/raphaelfabeni/css-loader)
- [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

查看全文
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!

相关文章

  1. 破解字谜游戏的小程序

    游戏描述:输入是由一些字母和单词的二维数组组成。目标是要找出字谜中的单词,这些单词可能是水平、垂直或者沿对角线以任何方向放置的。解决方案:对表中,检查每个有序三元组(行,列,方向),验证是否有单词存在。这需要大量嵌套的for循环。其中的单词库,我用的是四级单词的…...

    2024/3/29 1:23:42
  2. 2011大学英语四级核心高频词汇表免费下载

    2011年大学英语四级核心高频词汇表abandon vt.丢弃;放弃,抛弃 ability n.能力;能耐,本领 abnormal a.不正常的;变态的 aboard ad.在船(车)上;上船 abroad ad.(在)国外;到处 absence n.缺席,不在场;缺乏 absent a.不在场的;缺乏的 absolute a.绝对的;纯粹的 …...

    2024/3/19 2:23:18
  3. 4、6word

    英语四级+六级词汇大全(全部带“音标”) 第一部分:四级词汇大全 Aabandon/ ə’bndən/ vt.丢弃;放弃,抛弃 aboard/ ə’bɔ:d/ ad.在船(车)上;上船 absolute/ ‘bsəlu:t/ a.绝对的;纯粹的 absolutely/ ‘bsəlu:tli/ ad.完全地;绝对地 absorb/ əb’sɔ:b/ vt.吸收…...

    2024/3/19 2:23:16
  4. JavaScript 资源大全

    JavaScript 资源大全我想很多程序员应该记得 GitHub 上有一个 Awesome - XXX 系列的资源整理。awesome-javascript 是 sorrycc 发起维护的 JS 资源列表,内容包括:包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎、数据可视化、时间轴、编辑器等等Awesome 系列…...

    2024/3/28 23:26:14
  5. js 资源大全

    转自:http://bigdata.evget.com/post/1198.html包管理器管理着 JavaScript 库,并提供读取和打包它们的工具。npm:npm 是 JavaScript 的包管理器。官网Bower:一个 web 应用的包管理器。官网component:能构建更好 web 应用的客户端包管理器。官网spm:全新的静态包管理器。官…...

    2024/3/28 14:00:58
  6. pwscf 声子计算

    1) 声子谱的计算原理;2) PWSCF计算声子谱的步骤;3) 高对称性点的插入及后处理步骤。声子谱计算步骤小结:以下两个步骤写入prun_phon脚本文件一次执行1) 用pw.x进行电子密度的自洽计算;2) 用ph.x对小的q网格点进行动力学矩阵元的计算; 【得到fildyn=$name.dyn动力学矩阵文件,…...

    2024/3/26 10:06:49
  7. javascript功能插件大集合 前端常用插件 js常用插件

    包管理器 管理着 JavaScript 库,并提供读取和打包它们的工具。npm:npm 是 JavaScript 的包管理器。官网 Bower:一个 web 应用的包管理器。官网 component:能构建更好 web 应用的客户端包管理器。官网 spm:全新的静态包管理器。官网 jam:一个专注于浏览器端和兼容 Require…...

    2024/3/23 11:11:04
  8. 高性能计算专业应用软件大观

    谈到高性能计算,很多人都会想到那些每秒可以运行百万亿次、千万亿次计算的超级计算机,如最近炒得很火爆的“天河一号”、“曙光6000“等,但很少有人会想到上面跑的软件。其实,硬件只是基础,只是提供了平台和资源,真正发挥作用的还得依靠软件。一直以来,国内“重硬轻软”…...

    2024/3/28 0:30:23
  9. 说一说美国大学常用的课本吧,各位想自学的可以参考

    电驴上看到的,拿过来方便自己以后看,o(∩_∩)o... 原帖看http://board.verycd.com/t271462.html我来说一些美国college比较流行的课本,因为本人是理工科,上的大学也是很一般的,不过没吃过猪肉也见过猪跑啊。顶尖大学的课本名单还是能找到的。很多希望学习英文,或是由至于…...

    2024/3/26 19:57:54
  10. 量子信息技术(QIT)

    信息技术IT(Information Technology),比特(bit)——20世纪的技术革命量子信息技术QIT(Quantum Information Technology),量子比特(qbit)——21世纪的技术革命量子信息论在科学方面有着深远的影响,改造量子力学基础,加速变革时空观,加深对定域因果律的看法。量子信息论在技术…...

    2024/3/25 18:28:15
  11. react hooks + typescript 开发的H5移动端组件库

    CP Design 使用 React hooks Typescript 开发的一个 H5 移动端 组件库其中包括了下图中的27个基础组件:CP Design Mobile(github地址:https://10086xiaozhang.github.io/CP-DESIGN) 特性基于 CP Design 移动设计规范。 规则化的视觉样式配置,适应各类产品风格。 使用 TypeScri…...

    2024/3/19 2:23:00
  12. react hooks + typescript + sass 开发的H5移动端组件库

    CP Design 使用 React hooks Typescript 开发的一个 H5 移动端 组件库其中包括了下图中的27个基础组件:CP Design Mobile(github地址:https://10086xiaozhang.github.io/CP-DESIGN) 特性基于 CP Design 移动设计规范。 规则化的视觉样式配置,适应各类产品风格。 使用 TypeScri…...

    2024/3/28 10:12:29
  13. CMOS工艺名词解

    saliside——当金属和硅化物接触时会产生一层融合物,叫难融金属硅化物,此及saliside。siliside——一种工艺,在源漏区淀积(或是叫覆盖?)硅化物,这样一种 工艺就叫siliside。poliside——也为一种工艺,乃在栅极poly上淀积硅化物。A.M.U 原子质量数 ADI After…...

    2024/3/23 12:42:12
  14. MTD源码分析(1)

    Linux MTD源代码分析by jim zeusvision 0.1If you got any Problem, Suggestion, Advice or Question ,Please mail to: jimzeus@sina.com.cnAny correction will be appreciated.专有名词: 1. MTD:Memory Technology Device,内存技术设备,2. JEDEC:Joint Electron Devi…...

    2024/3/25 13:15:17
  15. 导电聚合物中热电效应转换原理

    CPs中热和电转换原理 绝缘聚合物有共键价原子组成(类似于Si),sp3sp^3sp3杂化的碳原子,共享电子被束缚在链形分子的低能量轨道上,导致导电率很低。但是在一些共轭聚合物(conjugated polymers), 比如聚乙炔(trans-polyacetylene), 碳原子sp2sp^2sp2杂化,在垂直于σ\sigmaσ键…...

    2024/3/19 2:22:55
  16. 一种无线传感器网络自组网协议的研究与实现

    来源:单片机与嵌入式系统应用 作者:余向阳 徐科军 周杨 引言无线传感器网络是由一些功耗低、体积小的传感器节点,以无线通讯方式自组成一个网络。这些分散的节点能够协作地实施监测、感知和采集各种环境对象的信息,具有非常广阔的应用前景[1]。近年来,无线传感器网络的研…...

    2024/3/25 5:50:18
  17. 柔性电子 --Conductive polymers: Creating their niche in thermoelectric domain

    关键字: Thermoelectric Power Generator(TEG) 讨论内容:(i) factors affecting thermoelectric performance (ii) strategies required for improvement of the power factor(due to inherent low thermal conductivity) 提高功率因子的策略 (iii) challengesfigure-of-meri…...

    2024/3/17 21:22:05
  18. 计算软件介绍siesta、vasp、wien2k、PWSCF、Materials Studio

    1 siesta 背景介绍:(Spanish Initiative for Electronic Simulations with Thousands ofAtoms)是一种实现电子结构计算和第一性原理分子动力学模拟的程序,同时也是一种实现的方法。软件主要由剑桥大学地球科学系Emilio教授、西 班牙马德里Autnoma大学的Soler与其他大学的研究…...

    2024/3/19 2:22:58
  19. 尖端技术104之计算机技术的未来

    【译文】 在过去的20年里,计算机的运算速度有了令人印象深刻的提升,网络吞吐量和英特网的速度。这些好处为一些领域的革命铺设好了道路,就像分配物理,人工智能和纳米技术。这些好处对我们的生活和工作会产生深远的影响。我们在电影当中看到的虚拟现实,就像《矩阵…...

    2024/3/19 11:56:36
  20. 自2018年以来我不知道的事情-Dan Abramov

    原文地址哈:https://overreacted.io/things-i-dont-know-as-of-2018/ 人们常常假设我知道的知识远比实际知识道的多。我不抱怨这个错误的想法。(拥有些许成就的少数群体的人们往往遭受外人遐想的偏见,尽管成就来之不易,但这很糟糕。) 在这篇文章里,我将提供一个不完整的…...

    2024/3/25 22:01:10

最新文章

  1. 【Canvas与艺术】硬朗风格十二棱表表盘

    【效果图】 【代码】 <!DOCTYPE html> <html lang"utf-8"> <meta http-equiv"Content-Type" content"text/html; charsetutf-8"/> <head><title>硬朗风格十二棱表表盘</title><style type"text/css…...

    2024/3/29 15:07:24
  2. 梯度消失和梯度爆炸的一些处理方法

    在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言&#xff0c;在此感激不尽。 权重和梯度的更新公式如下&#xff1a; w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...

    2024/3/20 10:50:27
  3. 阿里云2核4G服务器优惠价格30元、165元和199元1年,轻量和ECS

    阿里云2核4G服务器租用优惠价格&#xff0c;轻量2核4G服务器165元一年、u1服务器2核4G5M带宽199元一年、云服务器e实例30元3个月&#xff0c;活动链接 aliyunfuwuqi.com/go/aliyun 活动链接如下图&#xff1a; 阿里云2核4G服务器优惠价格 轻量应用服务器2核2G4M带宽、60GB高效…...

    2024/3/28 21:07:40
  4. YOLO-v8-seg实例分割使用

    最近需要实例分割完成一些任务&#xff0c;一直用的SAM(segment anything&#xff09;速度慢&#xff0c;找一个轻量分割模型。 1. YOLO-v8-seg使用 git clone https://github.com/ultralytics/ultralytics.git cd ultralytics vim run.py from ultralytics import YOLO# L…...

    2024/3/28 2:13:32
  5. Dart教程_Flutter入门必备基础视频教程-2019年5月录制

    ...

    2024/3/29 7:28:48
  6. 商业智能数据仓库ETL视频教程ssis/kettle视频教程/informatica视频教程/datastage视频教程

    ...

    2024/3/19 2:23:28
  7. 论文写作之常见错误总结

    内容出处,个人常见错误已加红!目录1 用词分析1.1 近义词的用法区别1.2 大小写1.3 单复数1.4 数字的英文写法1.5 词义的选取1.6 冠词1.7 介词的误用1.8 比较级1.9 缩写1.10 中英文习惯用法1.11 词性的选取1.12 形似词1.13 动词的过去时和过去分词1.15 及物动词、不及物动词和情…...

    2024/3/20 11:58:10
  8. 一些前端开发的干货网址

    一些前端开发的干货---- `资料或许有重复!` `资料或许有重复!` `资料或许有重复!`,我也只是一个搬运工![库?](https://github.com/dypsilon/frontend-dev-bookmarks) [目前最全的前端开发面试题及答案](https://github.com/HerbertKarajan/Fe-Interview-questions)推荐 > …...

    2024/3/29 7:01:17
  9. 破解字谜游戏的小程序

    游戏描述:输入是由一些字母和单词的二维数组组成。目标是要找出字谜中的单词,这些单词可能是水平、垂直或者沿对角线以任何方向放置的。解决方案:对表中,检查每个有序三元组(行,列,方向),验证是否有单词存在。这需要大量嵌套的for循环。其中的单词库,我用的是四级单词的…...

    2024/3/29 1:23:42
  10. 2011大学英语四级核心高频词汇表免费下载

    2011年大学英语四级核心高频词汇表abandon vt.丢弃;放弃,抛弃 ability n.能力;能耐,本领 abnormal a.不正常的;变态的 aboard ad.在船(车)上;上船 abroad ad.(在)国外;到处 absence n.缺席,不在场;缺乏 absent a.不在场的;缺乏的 absolute a.绝对的;纯粹的 …...

    2024/3/19 2:23:18
  11. 4、6word

    英语四级+六级词汇大全(全部带“音标”) 第一部分:四级词汇大全 Aabandon/ ə’bndən/ vt.丢弃;放弃,抛弃 aboard/ ə’bɔ:d/ ad.在船(车)上;上船 absolute/ ‘bsəlu:t/ a.绝对的;纯粹的 absolutely/ ‘bsəlu:tli/ ad.完全地;绝对地 absorb/ əb’sɔ:b/ vt.吸收…...

    2024/3/19 2:23:16
  12. JavaScript 资源大全

    JavaScript 资源大全我想很多程序员应该记得 GitHub 上有一个 Awesome - XXX 系列的资源整理。awesome-javascript 是 sorrycc 发起维护的 JS 资源列表,内容包括:包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎、数据可视化、时间轴、编辑器等等Awesome 系列…...

    2024/3/28 23:26:14
  13. js 资源大全

    转自:http://bigdata.evget.com/post/1198.html包管理器管理着 JavaScript 库,并提供读取和打包它们的工具。npm:npm 是 JavaScript 的包管理器。官网Bower:一个 web 应用的包管理器。官网component:能构建更好 web 应用的客户端包管理器。官网spm:全新的静态包管理器。官…...

    2024/3/28 14:00:58
  14. pwscf 声子计算

    1) 声子谱的计算原理;2) PWSCF计算声子谱的步骤;3) 高对称性点的插入及后处理步骤。声子谱计算步骤小结:以下两个步骤写入prun_phon脚本文件一次执行1) 用pw.x进行电子密度的自洽计算;2) 用ph.x对小的q网格点进行动力学矩阵元的计算; 【得到fildyn=$name.dyn动力学矩阵文件,…...

    2024/3/26 10:06:49
  15. javascript功能插件大集合 前端常用插件 js常用插件

    包管理器 管理着 JavaScript 库,并提供读取和打包它们的工具。npm:npm 是 JavaScript 的包管理器。官网 Bower:一个 web 应用的包管理器。官网 component:能构建更好 web 应用的客户端包管理器。官网 spm:全新的静态包管理器。官网 jam:一个专注于浏览器端和兼容 Require…...

    2024/3/23 11:11:04
  16. 高性能计算专业应用软件大观

    谈到高性能计算,很多人都会想到那些每秒可以运行百万亿次、千万亿次计算的超级计算机,如最近炒得很火爆的“天河一号”、“曙光6000“等,但很少有人会想到上面跑的软件。其实,硬件只是基础,只是提供了平台和资源,真正发挥作用的还得依靠软件。一直以来,国内“重硬轻软”…...

    2024/3/28 0:30:23
  17. 说一说美国大学常用的课本吧,各位想自学的可以参考

    电驴上看到的,拿过来方便自己以后看,o(∩_∩)o... 原帖看http://board.verycd.com/t271462.html我来说一些美国college比较流行的课本,因为本人是理工科,上的大学也是很一般的,不过没吃过猪肉也见过猪跑啊。顶尖大学的课本名单还是能找到的。很多希望学习英文,或是由至于…...

    2024/3/26 19:57:54
  18. 量子信息技术(QIT)

    信息技术IT(Information Technology),比特(bit)——20世纪的技术革命量子信息技术QIT(Quantum Information Technology),量子比特(qbit)——21世纪的技术革命量子信息论在科学方面有着深远的影响,改造量子力学基础,加速变革时空观,加深对定域因果律的看法。量子信息论在技术…...

    2024/3/25 18:28:15
  19. react hooks + typescript 开发的H5移动端组件库

    CP Design 使用 React hooks Typescript 开发的一个 H5 移动端 组件库其中包括了下图中的27个基础组件:CP Design Mobile(github地址:https://10086xiaozhang.github.io/CP-DESIGN) 特性基于 CP Design 移动设计规范。 规则化的视觉样式配置,适应各类产品风格。 使用 TypeScri…...

    2024/3/19 2:23:00
  20. react hooks + typescript + sass 开发的H5移动端组件库

    CP Design 使用 React hooks Typescript 开发的一个 H5 移动端 组件库其中包括了下图中的27个基础组件:CP Design Mobile(github地址:https://10086xiaozhang.github.io/CP-DESIGN) 特性基于 CP Design 移动设计规范。 规则化的视觉样式配置,适应各类产品风格。 使用 TypeScri…...

    2024/3/28 10:12:29
  21. CMOS工艺名词解

    saliside——当金属和硅化物接触时会产生一层融合物,叫难融金属硅化物,此及saliside。siliside——一种工艺,在源漏区淀积(或是叫覆盖?)硅化物,这样一种 工艺就叫siliside。poliside——也为一种工艺,乃在栅极poly上淀积硅化物。A.M.U 原子质量数 ADI After…...

    2024/3/23 12:42:12
  22. MTD源码分析(1)

    Linux MTD源代码分析by jim zeusvision 0.1If you got any Problem, Suggestion, Advice or Question ,Please mail to: jimzeus@sina.com.cnAny correction will be appreciated.专有名词: 1. MTD:Memory Technology Device,内存技术设备,2. JEDEC:Joint Electron Devi…...

    2024/3/25 13:15:17
  23. 导电聚合物中热电效应转换原理

    CPs中热和电转换原理 绝缘聚合物有共键价原子组成(类似于Si),sp3sp^3sp3杂化的碳原子,共享电子被束缚在链形分子的低能量轨道上,导致导电率很低。但是在一些共轭聚合物(conjugated polymers), 比如聚乙炔(trans-polyacetylene), 碳原子sp2sp^2sp2杂化,在垂直于σ\sigmaσ键…...

    2024/3/19 2:22:55
  24. 一种无线传感器网络自组网协议的研究与实现

    来源:单片机与嵌入式系统应用 作者:余向阳 徐科军 周杨 引言无线传感器网络是由一些功耗低、体积小的传感器节点,以无线通讯方式自组成一个网络。这些分散的节点能够协作地实施监测、感知和采集各种环境对象的信息,具有非常广阔的应用前景[1]。近年来,无线传感器网络的研…...

    2024/3/25 5:50:18
  25. 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...

    解析如下&#xff1a;1、长按电脑电源键直至关机&#xff0c;然后再按一次电源健重启电脑&#xff0c;按F8健进入安全模式2、安全模式下进入Windows系统桌面后&#xff0c;按住“winR”打开运行窗口&#xff0c;输入“services.msc”打开服务设置3、在服务界面&#xff0c;选中…...

    2022/11/19 21:17:18
  26. 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。

    %读入6幅图像&#xff08;每一幅图像的大小是564*564&#xff09; f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...

    2022/11/19 21:17:16
  27. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...

    win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面&#xff0c;在等待界面中我们需要等待操作结束才能关机&#xff0c;虽然这比较麻烦&#xff0c;但是对系统进行配置和升级…...

    2022/11/19 21:17:15
  28. 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...

    有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows&#xff0c;请勿关闭计算机”的提示&#xff0c;要过很久才能进入系统&#xff0c;有的用户甚至几个小时也无法进入&#xff0c;下面就教大家这个问题的解决方法。第一种方法&#xff1a;我们首先在左下角的“开始…...

    2022/11/19 21:17:14
  29. win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...

    置信有很多用户都跟小编一样遇到过这样的问题&#xff0c;电脑时发现开机屏幕显现“正在配置Windows Update&#xff0c;请勿关机”(如下图所示)&#xff0c;而且还需求等大约5分钟才干进入系统。这是怎样回事呢&#xff1f;一切都是正常操作的&#xff0c;为什么开时机呈现“正…...

    2022/11/19 21:17:13
  30. 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...

    Win7系统开机启动时总是出现“配置Windows请勿关机”的提示&#xff0c;没过几秒后电脑自动重启&#xff0c;每次开机都这样无法进入系统&#xff0c;此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一&#xff1a;开机按下F8&#xff0c;在出现的Windows高级启动选…...

    2022/11/19 21:17:12
  31. 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...

    有不少windows10系统用户反映说碰到这样一个情况&#xff0c;就是电脑提示正在准备windows请勿关闭计算机&#xff0c;碰到这样的问题该怎么解决呢&#xff0c;现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法&#xff1a;1、2、依次…...

    2022/11/19 21:17:11
  32. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...

    今天和大家分享一下win7系统重装了Win7旗舰版系统后&#xff0c;每次关机的时候桌面上都会显示一个“配置Windows Update的界面&#xff0c;提示请勿关闭计算机”&#xff0c;每次停留好几分钟才能正常关机&#xff0c;导致什么情况引起的呢&#xff1f;出现配置Windows Update…...

    2022/11/19 21:17:10
  33. 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...

    只能是等着&#xff0c;别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚&#xff0c;只能是考虑备份数据后重装系统了。解决来方案一&#xff1a;管理员运行cmd&#xff1a;net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...

    2022/11/19 21:17:09
  34. 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?

    原标题&#xff1a;电脑提示“配置Windows Update请勿关闭计算机”怎么办&#xff1f;win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢&#xff1f;一般的方…...

    2022/11/19 21:17:08
  35. 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...

    关机提示 windows7 正在配置windows 请勿关闭计算机 &#xff0c;然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;关机提示 windows7 正在配…...

    2022/11/19 21:17:05
  36. 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...

    钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...

    2022/11/19 21:17:05
  37. 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...

    前几天班里有位学生电脑(windows 7系统)出问题了&#xff0c;具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面&#xff0c;长时间没反应&#xff0c;无法进入系统。这个问题原来帮其他同学也解决过&#xff0c;网上搜了不少资料&#x…...

    2022/11/19 21:17:04
  38. 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...

    本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法&#xff0c;并在最后教给你1种保护系统安全的好方法&#xff0c;一起来看看&#xff01;电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中&#xff0c;添加了1个新功能在“磁…...

    2022/11/19 21:17:03
  39. 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...

    许多用户在长期不使用电脑的时候&#xff0c;开启电脑发现电脑显示&#xff1a;配置windows更新失败&#xff0c;正在还原更改&#xff0c;请勿关闭计算机。。.这要怎么办呢&#xff1f;下面小编就带着大家一起看看吧&#xff01;如果能够正常进入系统&#xff0c;建议您暂时移…...

    2022/11/19 21:17:02
  40. 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...

    配置windows update失败 还原更改 请勿关闭计算机&#xff0c;电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;配置windows update失败 还原更改 请勿关闭计算机&#x…...

    2022/11/19 21:17:01
  41. 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...

    不知道大家有没有遇到过这样的一个问题&#xff0c;就是我们的win7系统在关机的时候&#xff0c;总是喜欢显示“准备配置windows&#xff0c;请勿关机”这样的一个页面&#xff0c;没有什么大碍&#xff0c;但是如果一直等着的话就要两个小时甚至更久都关不了机&#xff0c;非常…...

    2022/11/19 21:17:00
  42. 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...

    当电脑出现正在准备配置windows请勿关闭计算机时&#xff0c;一般是您正对windows进行升级&#xff0c;但是这个要是长时间没有反应&#xff0c;我们不能再傻等下去了。可能是电脑出了别的问题了&#xff0c;来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...

    2022/11/19 21:16:59
  43. 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...

    我们使用电脑的过程中有时会遇到这种情况&#xff0c;当我们打开电脑之后&#xff0c;发现一直停留在一个界面&#xff1a;“配置Windows Update失败&#xff0c;还原更改请勿关闭计算机”&#xff0c;等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢&#xff0…...

    2022/11/19 21:16:58
  44. 如何在iPhone上关闭“请勿打扰”

    Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...

    2022/11/19 21:16:57