这里面图片有的上传会失败,为了良好的阅读体验,移步到本人的github地址查看原文
数据图表相关
-
tikzcd-editor -- 用于创建可交换图的简单可视化编辑器。
[图片上传失败...(image-4ff1d0-1512007372709)]
-
wasm-particles -- 这是一个视觉基准,每个粒子从WebAssembly更新,然后用WebGL绘制到屏幕上。
lottie-web -- 分析Adobe After Effects动画与Bodymovin一起导出为json,并在移动设备上原生呈现
UI相关
影像处理
-
animateplus -- 是一个专注于性能和创作灵活性的JavaScript动画库。它的目标是提供稳定的60 FPS,重量小于2 KB(缩小和压缩),使其特别适合移动设备。
React 相关
react-pwa -- 具有通用路由(服务器端渲染)与React&Redux的渐进式Web应用程序,内置SEO,实现最大页面速度
-
react-chartkick -- 用一行React创建漂亮的图表再也不用配各种插件啦!
ReactPrimer -- React组件原型工具,生成关联的类组件代码。
我觉得这是个神器,react党一定要下一个玩玩
[图片上传失败...(image-b45988-1512007372709)]-
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>
架构相关
Front-End-Checklist -- 现代网站和一丝不苟的开发人员的完美的前端清单
用这个清单来检查你的项目吧~purgecss -- 删除未使用的CSS在gulp、webpack中都可配置!
Vue相关
- tiny-vue -- 缩小版的vue这是作者用来学习vue1.0.28源码,写出来的精简版,同时也包含他在创作过程中的博客。
Node相关
博客
第三方api
funny stuff
-
js-code-to-svg-flowchart -- 一个将任何JavaScript代码转换成漂亮的SVG流程图的可视化库。学习其他的代码。设计你的代码。重构代码。文档代码。解释代码。
[图片上传失败...(image-63c612-1512007372709)]
-
chalktalk -- 使用类似黑板的界面,演示者可以创建动画数字草图并与其进行交互,以便在现场演示或对话中展示想法和概念。
[图片上传失败...(image-a01b37-1512007372709)]
-
nba-go -- 最好的NBA CLI。这个究极酷,虽然看不了实况但可以随时追踪比分,很酷!!
-
Sudachi -- 日常个人计划的时间表编辑器。 这个目前只支持macOS
下载地址 cs-playground-react -- 用JavaScript实现常用排序算法和数据结构的交互式概述这个超赞的,作者把原理和算法的代码都放到了项目中,点击演示地址进行操作