小而美的Javascript库

前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接本地引入使用都可以。

以下推荐几个小而美的javascript库。

driver.js

driver.js 是一款用原生 js 实现的页面引导库，上手非常简单，体积在 gzip 压缩下仅仅 5kb。 文档地址：driverjs.com/

drag-and-drop

Drag and Drop 是一个小型拖拽库，用于在您的应用中添加数据优先的拖放排序和元素传输。它简单、灵活、与框架无关，压缩后大小仅为 ~4Kb。Drag and Drop 适用于 React、Solid、Vue、Svelte 或任何 JavaScript 应用程序。 文档地址：drag-and-drop.formkit.com/

dayjs

Day.js 是一个简约的 JavaScript 库，Moment.js 的 2kB 轻量化方案，拥有同样强大的 API 文档地址：day.js.org/docs/zh-CN/…

filesize

filesize.js 是一个小型 JavaScript 库，它创建一个名为 filesize() 的全局函数。

它提供了一种获取人类可读的文件大小字符串的简单方法。 文档地址：filesizejs.com/

use-debounce

无忧去抖的 React 库！让你不再为使用防抖烦恼

import React, { useState } from 'react';
import { useDebounce } from 'use-debounce';

export default function Input() {
  const [text, setText] = useState('Hello');
  const [value] = useDebounce(text, 1000);

  return (
    <div>
      <input
        defaultValue={'Hello'}
        onChange={(e) => {
          setText(e.target.value);
        }}
      />
      <p>Actual value: {text}</p>
      <p>Debounce value: {value}</p>
    </div>
  );
}

文档地址：github.com/xnimorz/use…

radash

实用的工具库，相比与 lodash，更加面向现代，提供更多新功能（tryit，retry 等函数），源码可读性高，如果不想安装它，大部分函数可以直接复制到本地使用。

文档地址：www.npmjs.com/package/rad…

FileSaver

FileSaver.js 是客户端保存文件的理想解决方案，适用于在客户端生成文件的Web应用 文档地址：gitcode.com/eligrey/Fil…