工具库整理

胖大人本胖 共 1.2k 字 预计 13 分钟
  1. 1. 动画类
    1. 1.1. Anime.js
    2. 1.2. Gsap
    3. 1.3. MO.js
    4. 1.4. Popmotion
    5. 1.5. Three.js
    6. 1.6. Kute.js
    7. 1.7. ScrollReveal
    8. 1.8. Vanta JS
  2. 2. 音频类
    1. 2.1. Howler.js
  3. 3. 编译构建
    1. 3.1. SWC
    2. 3.2. Babel
    3. 3.3. Parcel
  4. 4. 游戏
    1. 4.1. Kaboom.js
    2. 4.2. Eva.js
  5. 5. UI库
    1. 5.1. Vuetify
    2. 5.2. Vuestic
    3. 5.3. Tailwindcss
    4. 5.4. Riot
  6. 6. 服务端渲染
    1. 6.1. Remix
    2. 6.2. rockpack
  7. 7. Node框架
    1. 7.1. ShareDB
  8. 8. 图表库
    1. 8.1. CandyGraph
    2. 8.2. Plotly.js
    3. 8.3. roughViz.js
    4. 8.4. Perspective
  9. 9. 编辑器
    1. 9.1. react-markdown
  10. 10. 静态站点生成器
    1. 10.1. Eleventy
    2. 10.2. Elder.js
  11. 11. 测试工具
    1. 11.1. Spearmint
  12. 12. 请求库
    1. 12.1. got
  13. 13. 桌面应用框架
    1. 13.1. Tauri
  14. 14. 数据分析
    1. 14.1. Danfojs
  15. 15. 引导
    1. 15.1. driver.js
  16. 16. 书籍
    1. 16.1. 《写给不耐烦程序员的JavaScript》
    2. 16.2. 《使用JavaScript制作2D游戏》
    3. 16.3. JavaScript 算法与数据结构
  17. 17. 文章
    1. 17.1. 比较新一代构建工具
    2. 17.2. Rust 是 JavaScript 基础设施的未来
  18. 18. 其他
    1. 18.1. Heapify
    2. 18.2. Danfo.js
    3. 18.3. Two.js
    4. 18.4. LowDB
    5. 18.5. Typehole
    6. 18.6. Lightgalleryjs
    7. 18.7. vue-agile
    8. 18.8. Boring Avatars
    9. 18.9. threads.js
    10. 18.10. NocoDB
    11. 18.11. Fabric.js
    12. 18.12. Slidev
    13. 18.13. dannjs
    14. 18.14. Signature
    15. 18.15. sveltejs
    16. 18.16. Floating UI
    17. 18.17. Docx
    18. 18.18. React PDF Reader
    19. 18.19. ZXjs
    20. 18.20. bignumber
  19. 19. 573期更新完

动画类

Anime.js

https://animejs.com/

是一个轻量级的 JavaScript 动画库，具有简单但功能强大的 API。
它适用于 CSS 属性、SVG、DOM 属性和 JavaScript 对象。

TAG： 时间轴动画

Gsap

https://greensock.com/gsap/

MO.js

https://mojs.github.io/

Popmotion

https://popmotion.io/

Three.js

https://threejs.org/

TAG: 3D引擎

Kute.js

http://thednp.github.io/kute.js/

ScrollReveal

https://scrollrevealjs.org/

ScrollReveal 是一个 JavaScript 库，用于在元素进入/离开视口时轻松设置动画

Vanta JS

https://github.com/tengbao/vanta

Vanta 是基于 WebGL 的背景动画库

音频类

Howler.js

https://howlerjs.com/

音频引擎

编译构建

SWC

https://swc.rs/

swc 是用 Rust 实现的一套 TypeScript/JavaScript 编译器，SWC在单线程上比 Babel 快 20 倍，在四核上快 70 倍

Babel

Parcel

https://parceljs.org/

TAG: 构建加编译

Parcel 的 JavaScript 编译器和源映射实现是用 Rust 编写的，以获得最佳性能。它比其他基于 JavaScript 的工具快 10-20 倍！

Parcel 建立在SWC编译器之上，该编译器处理 JavaScript、JSX 和 TypeScript 的转译。在 SWC 之上，Parcel 实现了依赖项收集、捆绑、范围提升、摇树、节点仿真、热重载等。

游戏

Kaboom.js

https://kaboomjs.com/

Kaboom 是一个 Javascript 游戏编程库，可帮助您快速有趣地制作游戏

【资源】make JavaScript games 如何在 Replit 平台上使用 Kaboom.js 构建 JavaScript 游戏

【资源】Replit平台

Eva.js

https://eva.js.org/

UI库

Vuetify

https://vuetifyjs.com/en/

Vuestic

https://vuestic.dev/

一个Vue3.0的组件库

Tailwindcss

https://tailwindcss.com/

一个纯css的UI框架，通过最细粒度的，对样式进行封装，然后给元素添加不同的class，来改变样式

Riot

https://riot.js.org/

服务端渲染

Remix

https://remix.run/

react 服务端渲染

rockpack

https://github.com/AlexSergey/rockpack

React 服务端渲染

Node框架

ShareDB

https://github.com/share/sharedb

ShareDB 是基于JSON 文档的操作转换 (OT)的实时数据库后端。它是DerbyJS Web 应用程序框架的实时后端。

应用场景：可以应用于多人协同的文档编辑

图表库

CandyGraph

https://github.com/wwwtyro/candygraph#readme

一个灵活且默认快速的 2D 绘图库，用于在 GPU 上以交互速度渲染巨大的数据集

Plotly.js

https://github.com/plotly/plotly.js

一个基于D3的可视化图表库

roughViz.js

https://github.com/jwilber/roughViz

一个手写稿风格的图表库，非常有意思

Perspective

https://github.com/finos/perspective/

Perspective 是一个交互式分析和数据可视化组件，特别适合大型和/或流数据集。

编辑器

react-markdown

react-markdown

一个react markdown 编辑器

静态站点生成器

Eleventy

https://www.11ty.dev/

Elder.js

https://github.com/Elderjs/elderjs

主打SEO

测试工具

Spearmint

https://www.spearmintjs.com/

可视化的 React 自动测试工具

请求库

got

https://github.com/sindresorhus/got

一个node上的http请求库

桌面应用框架

Tauri

https://github.com/tauri-apps/tauri

是用Webview作为UI

数据分析

Danfojs

https://github.com/javascriptdata/danfojs

一个数据分析工具

引导

driver.js

https://driverjs.com/

书籍

《写给不耐烦程序员的JavaScript》

https://exploringjs.com/impatient-js/

中文版：image-20220129134935650

《使用JavaScript制作2D游戏》

https://makejsgames.com/

JavaScript 算法与数据结构

https://github.com/trekhleb/javascript-algorithms/blob/master/README.zh-CN.md

文章

比较新一代构建工具

https://css-tricks.com/comparing-the-new-generation-of-build-tools/

Rust 是 JavaScript 基础设施的未来

https://leerob.io/blog/rust

其他

Heapify

https://github.com/luciopaiva/heapify

一个快速优先队列，基于二进制，不依赖任何其他框架和库

Danfo.js

https://danfo.jsdata.org/

一个数据分析工具

Two.js

https://two.js.org/

一个2D画图API

LowDB

https://github.com/typicode/lowdb

Lowdb是轻量化的基于Node的JSON文件数据库

Typehole

https://github.com/rikukissa/typehole/blob/main/docs/zh.md

一个VSCode插件，可以根据变量自动生成类型

Lightgalleryjs

https://www.lightgalleryjs.com/

一个非常棒的图片预览插件

TAG: 相册、图片预览

vue-agile

https://github.com/lukaszflorczak/vue-agile

一款基于Vue的走马灯插件

Boring Avatars

https://github.com/boringdesigners/boring-avatars

一个生成随机头像的react库

threads.js

https://threads.js.org/

多线程的函数式调用库

NocoDB

https://www.nocodb.com/

按类型显示图片等数据的数据库客户端，支持将 MySQL、PostgreSQL、SQL Server、SQLite 或 MariaDB 转换为智能电子表格。

Fabric.js

https://github.com/fabricjs/fabric.js

一个SVG-to-canvas 解析器

Slidev

https://cn.sli.dev/guide/

可以用MarkDown语法编写幻灯片

dannjs

https://dannjs.org/

一个神经网络库

Signature

https://github.com/szimek/signature_pad

一个基于canvas的手写板，可以用来做用户签名

sveltejs

https://www.sveltejs.cn/

一个小众的前端框架，有55k的star，紧追三大框架

Floating UI

https://floating-ui.com/

浮动 UI 是一个低级工具包，用于定位浮动元素，同时智能地将它们保持在视图中。工具提示、弹出框、下拉菜单、菜单等。用来做提示框非常棒

Docx

https://docx.js.org/#/

一个用来生成 .docx 文档的库，可以用在node和浏览器

React PDF Reader

https://github.com/ZEISS/react-view-pdf

读取pdf内容的react组件库

ZXjs

https://github.com/google/zx

用 js 写 bash 脚本

使用场景： cd 、copy、mv等bash命令直接用js写

bignumber

https://github.com/MikeMcl/bignumber.js

任意精度计算哭

573期更新完