王旭阳个人博客

WXY

前端常用库推荐

2022-09-27

前端常用库推荐

  • sweetalert2 一个自适应,且自定义性强的弹出框(零依赖)

  • tippy.js 最著名的 tooltip/popover library

  • text-mask 可以让 input 按照规则输入(如电话,email,日期,信用卡等),特殊格式 input

  • dinero.js 用来创建、计算和格式化货币价值的不可变的框架,支持国际化

  • lerna 大项目版本控制工具,项目中可以有多个 package.json 文件

  • img-2 一个提高图片加载性能和体验的库,懒加载使用 web worker 模糊预览

  • fingerprintjs 是一个快速的浏览器指纹库,通浏览环境的一系列配置生成 id

  • ajv 一个 json schema 验证的库

  • dayjs 一个轻量级类 moment.js API 时间库

  • primjs 让页面支持代码高亮

  • ReLaXed 一个将 document html 转成 PDF 的工具

  • uppy 一个很好看的也很好用的 前端上传库

  • Filepond 一个小巧的文件上传库

  • tui-calendar 功能全面的日程安排日历控件,还支持拖拽

  • tui.editor markdown 所见即所得编辑器

  • tabler 基于 Bootstrap 4 的 Dashboard UI Kit 和美观 高颜值 ui 模板

  • pulltorefresh.js 下个下拉刷新插件

  • lulu 腾讯阅文基于 jQuery,针对 PC 网站 IE8+(peak 主题)的前端 UI 框架

  • chancejs 生成随机数据的库

  • spritejs 360 奇舞团出的跨平台绘图对象模型

  • tui.image-editor 一个功能齐全的在线图片编辑,基于 canvas

  • nanoid 前端轻量 unique string ID 生成库

  • rxdb 一款开源的快速、灵活的客户端数据库,支持各种浏览器以及 NodeJS,Electron、React 等等,是 PouthDB 之上的一个封装库

  • percollate 命令行工具 能将网页转换成 pdf

  • rawact 一个 babel 插件,把 react 组件转为原生 dom

  • irondb 是一个浏览器 key-value 储存的封装库,把 Cookies、IndexedDB、LocalStorage、SessionStorage 统一成一个接口。它的最大特色就是数据冗余机制,即使某种底层储存机制失效,它可以从其他机制恢复数据。

  • big.js 解决 js 浮点数问题。 主要就是 Big Number 或者小数点温柔

  • bignumber.js 同上

  • stickybits CSS 的 position: sticky 是一个很有用的设置,但是老的浏览器不支持。这个 JS 库是该功能的垫片库。

  • react-jsonschema-form Mozilla service 开源了一个通过 JSON 直接生成表单的 React 组件

  • cleave.js 用于在输入时格式化输入内容(信用卡格式、日期等)

  • shiny 在手机设备上模拟光的反射效果。 支持 DeviceMotion 事件

  • cloudquery Turn any website to serverless API

  • A-Programmers-Guide-to-English 专为程序员编写的英语学习指南。

  • rrweb 一个可以记录你页面中所有操作的库

  • nodeppt markdown 写 ppt

  • flexsearch 能让你更加高效和快速的检索文本内容

  • public-apis 汇集了市面上一些对外免费开放的 api,做一些自己练手 app 的时候很好用。

  • scroll-hint 用于提示用户页面可以左右滑动的一个提示库

  • fuse.js 轻量级前端模糊查询库 非常的好用

  • FileSaver.js 文件下载插件 很多时候下载会有兼容性问题,它能帮你解决这些问题

  • instant.page 一个判断用户行为 预测提前加载页面的库

  • screenfull.js 浏览器全屏插件 解决了不少兼容性问题

  • VuePress 简单方便的静态网站生成器

  • selection 可视化选择页面元素的库

  • scroll-out 滚动效果框架,框架大小不到 1KB

  • gpu.js 利用 GPU 来执行 JS,提高执行性能和速度

  • pressure 前端实现 3D Touch

  • hammer 移动端手势库

  • AlloyFinger 腾讯出的手势库

  • lowdb 本地 JSON 数据库,基于 Lodash 开发

  • JSON-server 快速搭建一个 REST API

  • lunr.js 轻量级 JavaScript 全文搜索引擎

  • he 一个前端 encoder/decoder 库

  • grade 一个可以根据你的图片调整底色的插件

  • pretty-bytes 将字节转换成可以读的字符串

  • runkit 一个基于 node 的在线 playground

  • chart.xkcd 手绘风格的图表库

  • sketchviz 手绘风格流程图

  • pagemap 页面导航图 Mini map

  • commonmark.js parser and renderer markdown

  • body-scroll-lock 解决滚动穿透问题

  • lodash 前端工具函数集合

  • dayjs 时间处理库

  • lightgallery 图片预览组件

  • photoswipe 图片预览组件,支持移动端

  • darken 页面黑夜模式切换

  • mitt 轻量级 pub/sub

  • sanitize-html html 过滤库,防 xss

  • DOMPurify 比 sanitize-html 更轻量,建议一般业务用这个

  • fast-json-stringify 比 JSON.stringify() 快 2 倍