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】

推荐阅读更多精彩内容