Skip to content

Awesome Libs ​

Cli ​

1. rimraf ​

rimraf是一个开源的Node扩展,可以理解为Node中的rm -rf 命令。

npm i rimraf
npm i rimraf

Usage:

json
 "scripts": {
    "build": "rimraf dist && vite build"
 }
 "scripts": {
    "build": "rimraf dist && vite build"
 }

2. local-pkg ​

local-pkg 用来获取有关本地包的信息。

bash
npm i local-pkg
npm i local-pkg

Usage:

js
import {
  getPackageInfo,
  importModule,
  isPackageExists,
  resolveModule,
} from 'local-pkg'

isPackageExists('local-pkg') // true
isPackageExists('foo') // false

await getPackageInfo('local-pkg')
/* {
 *   name: "local-pkg",
 *   version: "0.1.0",
 *   rootPath: "/path/to/node_modules/local-pkg",
 *   packageJson: {
 *     ...
 *   }
 * }
 */

// similar to `require.resolve` but works also in ESM
resolveModule('local-pkg')
// '/path/to/node_modules/local-pkg/dist/index.cjs'

// similar to `await import()` but works also in CJS
const { importModule } = await importModule('local-pkg')
import {
  getPackageInfo,
  importModule,
  isPackageExists,
  resolveModule,
} from 'local-pkg'

isPackageExists('local-pkg') // true
isPackageExists('foo') // false

await getPackageInfo('local-pkg')
/* {
 *   name: "local-pkg",
 *   version: "0.1.0",
 *   rootPath: "/path/to/node_modules/local-pkg",
 *   packageJson: {
 *     ...
 *   }
 * }
 */

// similar to `require.resolve` but works also in ESM
resolveModule('local-pkg')
// '/path/to/node_modules/local-pkg/dist/index.cjs'

// similar to `await import()` but works also in CJS
const { importModule } = await importModule('local-pkg')

JS ​

1. pako ​

一个用于数据压缩和解压缩的 JavaScript 库,特别适用于处理 GZIP 格式的数据。

2. pdf.js ​

一个用 HTML5 构建的PDF查看器。

3. vfx-js ​

一个用于在网页上添加 WebGL 驱动的视觉效果的 JavaScript 库

4. highlight.js ​

语法高亮器

5. Hono ​

Hono 是一个类似于 Express 的简单 Web 应用框架

Utils ​

1. flglet.js ​

快速生成ASCII艺术字

bash
     _    _ _ _ _     _       ____                 
    / \  | (_) (_)___( )___  |  _ \  ___   ___ ___ 
   / _ \ | | | | / __|// __| | | | |/ _ \ / __/ __|
  / ___ \| | | | \__ \ \__ \ | |_| | (_) | (__\__ \
 /_/   \_\_|_|_|_|___/ |___/ |____/ \___/ \___|___/
     _    _ _ _ _     _       ____                 
    / \  | (_) (_)___( )___  |  _ \  ___   ___ ___ 
   / _ \ | | | | / __|// __| | | | |/ _ \ / __/ __|
  / ___ \| | | | \__ \ \__ \ | |_| | (_) | (__\__ \
 /_/   \_\_|_|_|_|___/ |___/ |____/ \___/ \___|___/

2. Chokidar ​

它用来监听文件变化。Vite中有使用到。

3. photoswipe ​

PhotoSwipe 是专为移动触摸设备设计的图片预览插件

4. qrcodejs ​

QRCode.js 是用于制作 QRCode 的 javascript 库。

5. copy-to-clipboard ​

将内容从浏览器复制到剪贴板

6. jsdiff ​

实现文本差异对比

7. blueimp-md5 ​

轻量级 MD5 哈希值的计算库

8. QRBTF ​

第一个也是最好的人工智能和参数二维码生成器

9. wangEditor 5 ​

开源 Web 富文本编辑器

10. pinyin-pro ​

汉字拼音转换库

11. @orama/cuid2 ​

生产高质量的唯一ID

12. numbro ​

用于数字格式化的 JS 库

13. Zod ​

利用静态类型推断进行 TypeScript 优先模式验证

14. number-flow ​

动画数字组件

CSS ​

1. Tween.js ​

用来处理补间动画,具体使用参考中文文档。

2. headlessui ​

完全无样式、完全可访问的 UI 组件

Website ​

1. Pictode ​

最方便集成的绘图工具(仓库地址)

Released under the MIT License.