2017年9月github上值得关注的开源项目

[mytac]

特效处理

1. Rythm.js -- 一个使您的页面跳舞的JavaScript库。
2. anime -- JavaScript动画引擎 Demo
3. lookforward.js -- 在页面跳转时的一些特效 Demo
4. better-scroll -- 一款重点解决移动端（未来可能会考虑 PC 端）各种滚动场景需求的插件。

5. cssFilters -- 自定义和Instagram喜欢用React创建的CSS的照片过滤器 【官网】

   【Demo】

6. Liike -- 一个小型的js补间库

   【Demo】

7. amplify -- 一个允许内嵌图像缩放的小脚本

   【Demo】

8. draggable -- 使用draggable完全控制拖放行为

   【官网】

   ui相关

9. fitty -- 自适应文字大小

10. vuetify -- Vue.js的material组件框架2

    【官网】

11. bosket -- 前端框架的树视图实现库

12. vant -- 来自YouZan的Vue.js 2.0 Mobile UI

    【官网】

    图像影音相关

13. react-imgpro -- 用于React的图像处理组件
14. geometry-processing-js -- 用于web上几何处理的快速通用框架。
15. Youku-HTML5-Player -- 告别flash和广告,Youku HTML5播放器扩展
16. style2paints -- 新一代线稿上色人工智能AI
17. winamp2-js -- 在HTML5和Javascript中重新实现Winamp 2.9

    服务端相关

18. r2 -- HTTP客户端
19. fastify -- 快速和低开销的Web框架，用于Node.js
20. axios -- 用于浏览器和node.js的基于Promise的HTTP客户端
21. p-progress -- 用于在长时间运行异步操作时向用户报告进度
22. nanoevents -- 简单且小巧的事件发射器

    
    import NanoEvents from 'nanoevents'
    const emitter = new NanoEvents()

const unbind = emitter.on('tick', volume => { summary += volume })

function disable () { unbind() }

### 项目开发工具
1. [Lozad -- 高性能、轻的在纯JS中可配置的惰性加载器，不依赖于图像、框架或是其他](https://github.com/ApoorvSaxena/lozad.js)

    [Demo](https://apoorv.pro/lozad.js/demo/index.html)
2. [easy-mock  --  一种持久的服务，可以快速生成模拟数据并提供可视化视图。](https://github.com/easy-mock/easy-mock)
3. [create-react-app -- 创建没有构建配置的React应用程序。](https://github.com/facebookincubator/create-react-app)
4. [drone -- 缺少Android开发人员的lib manager](https://github.com/cesarferreira/drone)
5. [Nano ID -- 一个小巧，安全的URL友好的JavaScript字符串ID生成器。](https://github.com/ai/nanoid)

    [example]
    ```js
    var nanoid = require('nanoid')
    model.id = nanoid() //=> "Uakgb_J5m9g~0JDMbcJqLJ"

6. anu -- 一个高性能、精巧的react扩展库

7. api-mocker -- 一个接口管理系统

   【官网】

8. gatsby -- 基于React的静态站点生成器
9. statty -- 一个微小而不引人注目的状态管理库，用于React和Preact应用

   代码分析工具

10. Iroh -- 动态分析工具，在runtime时拦截、分析和记录javaScript

    【Demo】

11. babel-plugin-sitrep -- 使用简单的注释记录函数的所有作业和返回值
12. type-profile -- 收集JavaScript代码的运行时类型信息。
13. size-limit -- 一个防止js库膨胀的分析工具
14. cqc -- 代码质量检查器
15. vue-test-utils -- 用于测试vue组件的程序

    文件处理

16. react-pdf -- 轻松地在您的React应用程序中显示PDF文件。

    Demo

17. jsPDF -- 在客户端生成pdf

    【Demo】

    数据图表相关

18. D3 -- 使用SVG，Canvas和HTML将数据带入生活
19. ngraph.path -- 在图表中查找路径
20. billboard.js -- 一个基于D3 v4 +的可重用的简单界面JavaScript图表库。

    博客

21. clean-code-javascript -- 适用于JavaScript的干净代码概念
22. front-end-handbook-2017 -- 2017 年，如何学习前端工程，用什么工具来实践？
23. es6tutorial -- 一本开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新增的语法特性。
24. learnVue -- Vue.js源码剖析
25. tech-interview-handbook -- 面经
26. iCSS -- 谈谈一些有趣的 CSS 话题 73 React-Express-Blog-Demo -- React+Express+Mongo ->前后端博客网站

    第三方扩展

27. wp-calypso -- 使用单页Web应用程序对WordPress仪表板进行了美丽的重新设计

28. Rax -- 通用的React兼容渲染引擎

    【官网】

29. styled-system -- 把css封装在js中的react组件
30. wxapp-market -- 小程序营销组件
31. vue-a11y-calendar -- 无障碍、国际化的vue组件

    funny stuff

32. Storyboarder -- 快速地绘制一个故事，轻松绘制棒状图。
33. react-powerplug -- 给你的dumb组件生命
34. Boostnote -- 一个开源的多平台笔记应用程序 【官网】
35. build-a-bot-with-zero-coding -- 使用Google表格创建没有后端服务器的Viber调查聊天机器人的示例
36. AR.js -- 有效的增强现实的网络 - 60fps在手机上！

37. socket-io-game -- 一个多人在线游戏的例子

    【Demo】

38. guitar_bro -- 浏览器游戏，帮助您学习吉他

    【Demo】