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

本人几乎每天会在github上更新，欢迎watch，repo地址

特效处理

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相关

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

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

   【官网】

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

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

   【官网】

图像影音相关

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

服务端相关

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

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

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

function disable () {
  unbind()
}

项目开发工具

1. Lozad -- 高性能、轻的在纯JS中可配置的惰性加载器，不依赖于图像、框架或是其他

   Demo

2. easy-mock -- 一种持久的服务，可以快速生成模拟数据并提供可视化视图。

3. create-react-app -- 创建没有构建配置的React应用程序。

4. drone -- 缺少Android开发人员的lib manager

5. Nano ID -- 一个小巧，安全的URL友好的JavaScript字符串ID生成器。

   [example]

   var nanoid = require('nanoid')
   model.id = nanoid() //=> "Uakgb_J5m9g~0JDMbcJqLJ"
   

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

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

   【官网】

8. gatsby -- 基于React的静态站点生成器

9. statty -- 一个微小而不引人注目的状态管理库，用于React和Preact应用

代码分析工具

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

   【Demo】

2. babel-plugin-sitrep -- 使用简单的注释记录函数的所有作业和返回值

3. type-profile -- 收集JavaScript代码的运行时类型信息。

4. size-limit -- 一个防止js库膨胀的分析工具

5. cqc -- 代码质量检查器

6. vue-test-utils -- 用于测试vue组件的程序

文件处理

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

   Demo

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

   【Demo】

数据图表相关

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

博客

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

第三方扩展

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

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

   【官网】

3. styled-system -- 把css封装在js中的react组件

4. wxapp-market -- 小程序营销组件

5. vue-a11y-calendar -- 无障碍、国际化的vue组件

funny stuff

1. Storyboarder -- 快速地绘制一个故事，轻松绘制棒状图。

2. react-powerplug -- 给你的dumb组件生命

3. Boostnote -- 一个开源的多平台笔记应用程序
   【官网】

4. build-a-bot-with-zero-coding -- 使用Google表格创建没有后端服务器的Viber调查聊天机器人的示例

5. AR.js -- 有效的增强现实的网络 - 60fps在手机上！

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

   【Demo】

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

   【Demo】