十个很实用的前端工具库，快来看看吧！

@JNPF

JNPF 低代码平台是专注企业级应用开发的快速构建工具，核心优势如下：

适用场景：中后台管理系统（OA/ERP/CRM 等），可缩短 60%开发周期，但深度定制需二次开发。同类工具推荐 Ant Design、Vue-Element-Admin 等开源库作为补充。

NProgress 是一个使用起来很方便的进度条工具库。

图片

一般在项目中使用它来展示页面加载的进度，或者路由跳转的进度！

图片

tesseract.js 可以识别图片中的文字，并把这些文字转化成文本，返回给你。

图片

在识别图片文字，根据搜索过滤图片等这些需求的时候，可以使用 tesseract.js 这个库！

图片

平时在做注册功能的时候，我们可能得计算用户密码的密码强度，从而去提醒用户。

图片

@zxcvbn-ts/core 是 zxcvbn 密码强度估计器的 TypeScript 实现版本，用于帮助开发者评估用户设置密码的复杂度和安全性，计算的依据有：

图片

dayjs 无疑是当今前端市场上时间工具库的大热门，使用方式跟 momentjs 类似，但是体积是 momentjs 的五分之一！！！格式化、时区设置、按需加载等功能，样样不少！

图片

qrcode 被用的最广泛的就是把一个 URL 转换为一个二维码，可供给用户去扫码！

图片

前端加密工具库中当之无愧的王者！！！内置各种加密、解密算法！！！一般用来对密码、缓存等敏感信息进行加密、解密！

图片

sunshine-track 应用于前端监控，s 基于行为上报，实现了用户行为、错误监控、页面跳转、页面白屏检测、页面性能检测等上报功能。适用于 Vue、React、Angular 等框架。

sunshine-track 具备以下功能：

✅ 用户行为上报：包括点击、跳转页面、跳转页面记录数组、请求等
✅ 用户手动上报：提供 Vue 自定义指令以及 add、report 函数，实现用户手动上报
✅ 自定义上报：提供格式化上报数据、自定义上报函数、自定义决定上不上报等配置项，更灵活地上报数据
✅ 请求数据上报：提供检测请求返回、过滤请求等配置项，让用户决定上报哪些请求数据
✅ 上报方式：提供上报方式配置项，用户可选择 img、http、beacon 三种方式，http 方式又支持 xhr、fetch 两种，且支持自定义 headers
✅ 上报数据缓存：可配置本地缓存、浏览器本地缓存、IndexedDB 三种方式
✅ 上报数据阈值：可配置上报数据阈值，达到阈值后进行上报操作
✅ 全局点击上报：可通过配置选择器、元素文本，对全局 DOM 节点进行点击上报
✅ 页面的性能检测，包括白屏、FP、FCP、LCP、CLS、TTFB、FID 等