前端实用轮子

lodash JS工具库，中文文档

axios Promise based HTTP client for the browser and node.js

qs url query参数解析

js-cookie 操作cookie

momentjs 时间/日期处理

dayjs 时间/日期处理。比 momentjs 轻量，建议使用。

date-fns manipulating JavaScript dates in a browser & Node.js.

numeraljs 一个用于格式化和处理数字的javascript库

color 用于不可变的颜色转换和对CSS颜色字符串的支持

uuidjs JavaScript的RFC兼容UUID生成器

uuid For the creation of RFC4122 UUIDs

nanoid 字符串ID生成器。比 uuidjs 轻量，建议使用。

filesize 提供了一种简单的方法来从数字（浮点数或整数）或字符串中获取人类可读的文件大小字符串

uniq 数组去重。去重后元素顺序可能会变化。

deep-equal

cross-env: Run scripts that set and use environment variables across platforms.

const uniq = require('uniq')

let arr1 = [12,12,25,14,18,68,25,25]
console.log(uniq(arr1)) // [ 12, 14, 18, 25, 68 ]

let arr2 = [1,11,2,3,3,12,11,12,13,13];
console.log(uniq(arr2)) // [ 1, 11, 12, 13, 2, 3 ]

vconsole 腾讯出品，一个轻量、可拓展、针对手机网页的前端开发者调试面板。

pdf 在线预览pdf

qrcode 二维码生成工具

highlight.js 代码高亮

moveable 可拖动、伸缩组件

pubsub-js a topic-based publish/subscribe library written in JavaScript.

fastclick eliminate the 300ms delay between a physical tap and the firing of a click event on mobile browsers.

blueimp-md5 JavaScript MD5 implementation.

sanitize-url url过滤

crypto-js 加密

countup.js 数字滚动

commander nodejs命令行工具

inquirer 交互式命令行工具

UI

Vue相关

vuex-persist vuex数据持久化

vue-awesome-swiper 轮播图

v-viewer Vue图片浏览组件v-viewer，支持旋转、缩放、翻转等操作

vue-drag-resize Vue Component for draggable and resizable elements.

vue-count-to 数字滚动插件

vue-lazyload 图片懒加载

vue-print-nb 打印整个网页或指定dom节点

vue-virtual-scroller 虚拟长列表

vue-virtual-scroll-grid 虚拟长列表，支持vue3

vuex-class vuex辅助工具

实用指令

v-hotkey 为组件绑定快捷键

v-click-outside 点击外部区域关闭某个组件

v-clipboard 点击组件复制值到剪贴板

v-tooltip 悬浮提示

v-blur 半透明遮罩

React相关

classnames A simple JavaScript utility for conditionally joining classNames together. vue已经有类似的语法支持，可用于react中。 clsx A tiny utility for constructing className strings conditionally.

中国省市区地址

province-city-china 中华人民共和国行政区划代码

@vant/area-data 省市区数据，适用于 Vant Area 组件。

v-distpicker 中国省市区选择器

Lorem Ipsum

https://www.lipsum.com/

Mocking Data

Mocking Image

https://picsum.photos/

https://unsplash.com/

https://dummyimage.com/ solid color

DevServer

serve

http-server

nodemon

Chart

echarts 👍 非常好用

antv

gojs

flowchart.js 绘制流程图

Rich Text Editor

tinymce 👍 功能插件很多，部分需要收费，有中文网

vue-quill-editor

wangeditor 中国人维护的，也不错

ckeditor 👍

simditor

jodit

kindeditor out-of-date

ueditor out-of-date

Font

Icon

favicon

avatar

gravatar

Image Compression

Media

Commonly Used in Tool Chains

browserslist: Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env.
globals: Global identifiers from different JavaScript environments

Other

A simple site to test permission-related UI for web APIs.
Build 3D with Vue: https://tresjs.org/
Cookie Consent: https://www.cookieconsent.com/

前端实用轮子 ​

UI ​

Vue相关 ​

实用指令 ​

React相关 ​

中国省市区地址 ​

Lorem Ipsum ​

Mocking Data ​

Mocking Image ​

DevServer ​

Chart ​

Rich Text Editor ​

Font ​

Icon ​

favicon ​

avatar ​

Image Compression ​

Media ​

Commonly Used in Tool Chains ​

Other ​