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

这里面图片有的上传会失败,为了良好的阅读体验,移步到本人的github地址查看原文

数据图表相关

  1. charts -- 简单,响应迅速,具有零依赖关系的现代SVG图表

    【官网】

  2. tikzcd-editor -- 用于创建可交换图的简单可视化编辑器。

    【Demo】

    [图片上传失败...(image-4ff1d0-1512007372709)]

  3. wasm-particles -- 这是一个视觉基准,每个粒子从WebAssembly更新,然后用WebGL绘制到屏幕上。

    demo

  4. Wade -- 超级快的1kb搜索

  5. lottie-web -- 分析Adobe After Effects动画与Bodymovin一起导出为json,并在移动设备上原生呈现

  6. luxon -- 在JS中使用日期和时间的库

    官网

  7. date-fns -- 现代JavaScript日期实用程序库

  8. g2 -- 支付宝推出的简易图表生成工具G2
    demo

  9. imaskjs -- vanilla js 输入掩码

    示例

UI相关

  1. minui -- 基于规范的小程序 UI 组件库,支持自定义标签组件,轻量、易用、工具化

  2. cube-ui -- 一个梦幻般的移动UI lib由Vue执行

    示例

  3. scrollama -- 用IntersectionObserver滚动查询

    demo

影像处理

  1. chimee -- 一个视频播放器旨在为浏览器带来美妙的体验

    【官网】

  2. voxelengine3 -- Javascript中的体素引擎

    【Demo】

  3. fieldplay -- 矢量字段浏览器。用WebGL制作,爱与激情。这个超酷

    【Demo】

  4. UPNG.js -- 快速和先进的PNG(APNG)解码器和编码器

    示例

  5. animateplus -- 是一个专注于性能和创作灵活性的JavaScript动画库。它的目标是提供稳定的60 FPS,重量小于2 KB(缩小和压缩),使其特别适合移动设备。

    官方demo

React 相关

  1. react-pwa -- 具有通用路由(服务器端渲染)与React&Redux的渐进式Web应用程序,内置SEO,实现最大页面速度

  2. storybook -- React,React-Native,Vue UI组件的交互式开发和测试环境

  3. react-konva -- 使用React绘制复杂画布图形的JavaScript库

  4. react-chartkick -- 用一行React创建漂亮的图表再也不用配各种插件啦!

    demos

  5. react-select -- 使用React JS构建的Select控件

    示例

  6. react-swipeable-views -- 可滑动视图的React组件。

    示例

  7. ReactPrimer -- React组件原型工具,生成关联的类组件代码。
    我觉得这是个神器,react党一定要下一个玩玩
    [图片上传失败...(image-b45988-1512007372709)]

  8. react-aux -- 一个用于渲染多个元素的自我消除组件

    react v16之前,从一个组件中返回多个元素以将它们包装在一个辅助元素中

    const Root = () => {
      return <div>
        <p>Hello, World!</p>
        <p>I am a demo for react-aux.</p>
      </div>;
    };
    

    产生如下的dom

    <div>
      <p>Hello, World!</p>
      <p>I am a demo for react-aux.</p>
    </div>
    

    使用react-aux

    const Aux = (props) => {
      return props.children;
    };
    
    const Root = () => {
      return <Aux>
        <p>Hello, World!</p>
        <p>I am a demo for react-aux.</p>
      </Aux>;
    };
    

    后者生成没有包装节点的段落元素:

    <p>Hello, World!</p>
    <p>I am a demo for react-aux.</p>
    

架构相关

  1. yapi -- YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台

    官网

  2. json-server -- 在30秒内得到一个完整的虚拟REST API

  3. Front-End-Checklist -- 现代网站和一丝不苟的开发人员的完美的前端清单
    用这个清单来检查你的项目吧~

  4. razzle -- 无需配置即可创建服务器渲染的通用JavaScript应用程序神器!不用解释!

  5. purgecss -- 删除未使用的CSS在gulp、webpack中都可配置!

Vue相关

  1. tiny-vue -- 缩小版的vue这是作者用来学习vue1.0.28源码,写出来的精简版,同时也包含他在创作过程中的博客。

Node相关

  1. bottender -- 用你自己的方式快速、灵活的创建机器人

  2. server -- 简单而强大的Node.js服务器

    【官网】

  3. remoteStorage.js -- 将用户数据本地存储在浏览器中,以及连接到远程存储服务器并跨设备和应用程序同步数据。

  4. emittery -- 简单和现代的异步事件发射器

博客

  1. FE-Interview -- 前端面试题大合集——小菜鸟前端面试大作战
  2. git-tips -- Git的奇技淫巧(中文)
  3. Functional-Light-JS -- 轻量函数式js编程

第三方api

  1. instagram-proxy-api -- CORS兼容的API来访问Instagram的公共数据

funny stuff

  1. client -- 最小的聊天客户端库

    【官网】

  2. js-code-to-svg-flowchart -- 一个将任何JavaScript代码转换成漂亮的SVG流程图的可视化库。学习其他的代码。设计你的代码。重构代码。文档代码。解释代码。

    [图片上传失败...(image-63c612-1512007372709)]

  3. chalktalk -- 使用类似黑板的界面,演示者可以创建动画数字草图并与其进行交互,以便在现场演示或对话中展示想法和概念。

    [图片上传失败...(image-a01b37-1512007372709)]

  4. nba-go -- 最好的NBA CLI。这个究极酷,虽然看不了实况但可以随时追踪比分,很酷!!

    demo
  5. Sudachi -- 日常个人计划的时间表编辑器。 这个目前只支持macOS

    demo

    下载地址

  6. cs-playground-react -- 用JavaScript实现常用排序算法和数据结构的交互式概述这个超赞的,作者把原理和算法的代码都放到了项目中,点击演示地址进行操作

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,530评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,403评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,120评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,770评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,758评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,649评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,021评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,675评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,931评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,751评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,410评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,004评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,969评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,042评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,493评论 2 343