前端 插件/库 总结

1. @antv/g6

图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力

官方文档:快速上手 | G6

vue antvG6树图的摸索总结—新手入门

vue antv-G6树图的摸索总结—新手入门_antv g6-CSDN博客

AntV G6的相关使用总结

AntV G6的相关使用总结_antv g6 鼠标悬浮改变线条颜色-CSDN博客

2. xterm

基于xterm + websocket + vue 实现网页版终端 terminal

基于 xterm + websocket + vue 实现网页版终端 terminal_xterm websocket-CSDN博客

3. validate-color

验证HTML颜色代码JS:

javascript - 验证HTML颜色代码JS - Thinbug

4. tippy.js

Tippy.js – 轻量的 Javascript Tooltip 工具库:

https://www.cnblogs.com/lhb25/p/tippyjs-tooltips-plugin.html

Tippy.js - 免费开源且高度可定制的气泡提示独立组件:

百度安全验证

5. svg-pan-zoom

Vue使用svg-pan-zoom:

Vue使用svg-pan-zoom_vue-svg-pan-zoom-CSDN博客

6. Sortablejs

sortablejs排序插件:

sortablejs----排序插件-CSDN博客

7. snapsvg

Snap.svg.js 是一个操纵 SVG 节点/制作 SVG 动画的框架

Snap.svg入门篇:

https://www.cnblogs.com/zigood/p/16324875.html

8. smartwizard

jquery 的smartWizard插件 常用于创建分步式导航功能,用户按照我们设定的步骤进行操作,它提供了一种简单的方式来引导用户完成复杂的任务或表单,并使用户能够在不同步骤之间轻松导航。

这样一方面有较好的用户体验,可以将庞大的表格 数据分解成多个步骤,使每个步骤的数据量减少;

另一方面流程比较清晰,先做那个下一步做什么都是可控可设定的。

9. pinia

pinia同样是一个Vue状态管理工具,它和vuex有很多相似的地方。本质上他是vuex团队核心成员开发的,在vuex上面提出了一些改进。与vuex相比,pinia去除了vuex中对于同步函数Mutations和异步函数Actions的区分。直接在Actions中便能够使用同步和异步方法。其次相比于vuex,pinia对于typescript的支持性更好。

pinia简介-CSDN博客

10. modern-normalize

针对一些normalize.css问题进行了一些改进

modern-normalize vs normalize.css-CSDN博客

11. mime

mime是node的第三方模块,通过mime可以根据当前请求的文件类型动态设置响应头的类型,例如:请求的文件类型为html,那么响应头中的content-type属性对应的值就应该为 text/html。

https://www.guobao0730.com/mime/

12. marked

Vue解析markdown,并将其展示到页面(代码高亮 + 显示代码行号)

官方文档:Marked Documentation

13. highlight.js

高亮代码块

highlight.js高亮代码块_highlight.js 主题-CSDN博客

14. github-markdown-css

将markdown字符串转换成html后,可以用此插件来改变页面样式,使得页面呈现为 github样式。

github-markdown-css使用说明_github markdown css-CSDN博客

15. lu2

LuLu UI 是阅文集团荣誉出品的前端 UI 组件库。

lu2 - npm

16. Jspdf

介绍一下纯jspdf用法,将一个图片列表导出为pdf文件

jspdf用法-CSDN博客

17. ip-regex

ip地址的正则表达式

ip-regex - npm

18. hex-rgb

将十六进制颜色转换为RGB

hex-to-rgb - npm

19. fuse.js

fuse.js是一个轻量的模糊搜索库

使用fuse.js模糊搜索 常用配置-CSDN博客

20. filepond

文件上传JavaScript 库

Filepond提供了很多插件,我通常会选择可以预览上传图片的ImagePreview和文件大小以及类型插件FileValidateType和FileValidateSize。

Filepond小白攻略_文件上传 JavaScript 库 - 王海

在Vue中使用Filepond上传文件以及样式坑_vue-filepond-CSDN博客

21. daterangepicker

daterangepicker是前端的一个第三方插件,用于进行日期区间的选择

daterangepicker插件快速上手_daterangepicker官网-CSDN博客

22. @ztree/ztree_v3

ztree在vue中使用

ztree在vue中使用_vue使用ztree教程-CSDN博客

23. @vueuse/core

使用到了异步加载的组建@vueuse/core实现懒加载功能

vue3异步组件 按需加载插件@vueuse/core-CSDN博客

24. @simonwep/pickr

零依赖、多主题、扁平化的开源Web端颜色选择器

零依赖、多主题、扁平化的开源Web端颜色选择器——pickr – 攻城车

25. @icon-park/vue-next

项目开发中,经常会用到一些icon 图标库,本文主要记录下 IconPark 图标库的安装与使用

vue 使用 icon-park_icon-park/vue-next-CSDN博客

26. @feq/jquery-i18n-properties

jquery-i18n-properties 是一个用于在网页上切换不同语言的jquery插件

jquery-i18n-properties多语言切换_juery插件语言切换-CSDN博客

27. log-symbols

Node.js下的终端图标log-symbols, 终端加载动画效果ora

Node.js下的终端图标log-symbols,终端加载动画效果ora_哔哩哔哩_bilibili

28. patch-package

patch-package给依赖打补丁实例详解

patch-package给依赖打补丁实例详解-CSDN博客

使用patch-package修改Node.js依赖包内容_nodejs sh: patch-package:-CSDN博客

29. expose-loader

Webpack4-使用expose-loader将变量注册到全局

expose-loader – 前端开发,JQUERY特效,全栈开发,vue开发

30. portfinder

解决项目端口占用:很多时候,我们会在一台机器上同事运行多个项目;例如,在一台机器上同时运行了多个Vue项目,而各个项目均采用默认的端口号,为了避免此时出现端口冲突的问题,可以使用portfinder这个插件来避免端口出现冲突,这个插件会自动寻找可用的端口并将项目运行在这个可行的端口之上。

webpack5配置portfinder支持端口多开:

webpack5配置portfinder支持端口多开-CSDN博客

31. raw-loader

webpack之静态资源内联(raw-loader)

webpack之静态资源内联(raw-loader)-CSDN博客

……

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/778612.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

GeoTrust SSL证书有什么优势?

GeoTrust SSL证书具备以下显著优势: 1. 市场占有率比较高:GeoTrust作为知名的SSL证书供应商,拥有广泛的市场接受度和高占有率,表明其产品受到众多企业和网站的信任和采用。 2. 品牌信誉与信任标识:在高安全性浏览器中&…

Unity3d使用Jenkins自动化打包(Windows)(一)

文章目录 前言一、安装JDK二、安装Jenkins三、Jenkins插件安装和使用基础操作 实战一基础操作 实战二 四、离线安装总结 前言 本篇旨在介绍基础的安装和操作流程,只需完成一次即可。后面的篇章将深入探讨如何利用Jenkins为Unity项目进行打包。 一、安装JDK 1、进入…

在word中显示Euclid Math One公式的问题及解决(latex公式,无需插件)

问题:想要在word中显示形如latex中的花体字母 网上大多解决办法是安装Euclid Math One。安装后发现单独的符号插入可行,但是公式中选择该字体时依然显示默认字体。 解决办法:插入公式后,勾选左上角的latex 在公式块中键入latex代码…

前端理论总结(css3)——css新特性//盒模型

css新特性 1:新增各种CSS选择器 (:not(.input):所有class不是“input”的节点) 2:RGBA 3:多栏布局(column-count/gap/rule) 4:多背景图(ba…

Go语言爬虫实战(线程池)

Go语言爬虫实战 目标 利用go语言爬取指定网站的图片。实现爬取网站任意页面所有所需的图片。实现使用go语言线程池开启多个线程爬取图片内容。最后实现创建多个文件夹存储图片。 爬取网站图片 步骤 对指定URL发去GET请求,获取对应的响应。 resp, err : http.Get(…

【JavaWeb】Day24.Web入门——HTTP协议(一)

HTTP协议——概述 1.介绍 HTTP:Hyper Text Transfer Protocol(超文本传输协议),规定了浏览器与服务器之间数据传输的规则。 http是互联网上应用最为广泛的一种网络协议http协议要求:浏览器在向服务器发送请求数据时,或是服务器在…

AI写作的力量:让你的文章焕发生机

在当今数字化时代,内容创作变得越来越重要。无论是博客文章、广告文案还是社交媒体更新,优质的文本都能吸引读者的注意力并传达信息。然而,创作过程并不总是轻松的,尤其是当我们面临灵感枯竭或时间紧迫的挑战时。这就是AI写作的力…

网站为什么要选择使用安全加速SCDN?

安全加速SCDN(安全内容交付网络)是一种网络加速服务,旨在提高网站和应用程序的性能和安全性。它使用专门的技术和基础设施来加速内容传输并保护网站免受网络攻击。 安全加速SCDN可以通过内容缓存、快速传输和动态路由技术来加速网站和应用程…

安卓调试桥ADB

Logcat 命令行工具 | Android Studio | Android Developers 什么是ADB ADB 全称为 Android Debug Bridge ,是 Android SDK (安卓的开发工具)中的一个工具,起到调试桥的作用,是一个 客户端 - 服务器端程序 。其中 …

mac m1安装和使用nvm的问题

mac m1安装和使用nvm的问题 使用nvm管理多版本node 每个项目可能用的node版本不同,所以需要多个版本node来回切换 但是最近遇到安装v14.19.0时一直安装失败的问题。 首先说明一下,用的电脑是mac M1芯片 Downloading and installing node v14.19.0... …

【Linux】开始掌握进程控制吧

送给大家一句话: 我并不期待人生可以一直过得很顺利,但我希望碰到人生难关的时候,自己可以是它的对手。—— 加缪 开始学习进程控制 1 前言2 进程创建2.1 fork函数初识2.2 fork函数返回值2.3 写时拷贝2.4 fork常规用法2.5 fork调用失败的原因…

3月23日笔记

广播域与泛洪范围是相同的 广播:在同一个泛洪范围内,强迫交换机泛洪(主动) 泛洪(被动) ARP的工作原理:ARP先通过广播发送请求包,所有收到该广播包的设备都会将其中的源IP和源MAC相…

Oracle存数字精度问题number、binary_double、binary_float类型

--表1 score是number(10,5)类型 create table TEST1 (score number(10,5) ); --表2 score是binary_double类型 create table TEST2 (score binary_double ); --表3 score是binary_float类型 create table TEST3 (score binary_float );实验一:分别往三张表插入 小数…

OpenCV 形态学处理函数

四、形态学处理(膨胀,腐蚀,开闭运算)_getstructuringelement()函数作用-CSDN博客 数字图像处理(c opencv):形态学图像处理-morphologyEx函数实现腐蚀膨胀、开闭运算、击中-击不中变换、形态学梯度、顶帽黑帽变换 - 知乎…

QT(3/25)

完善对话框,点击登录对话框,如果账号和密码匹配,则弹出信息对话框,给出提示“登录成功”,提供一个OK按钮,用户点击OK后,关闭登录界面,跳转到其他界面。 如果账号和密码不匹配&#…

代码随想录学习Day 20

669.修剪二叉搜索树 题目链接 讲解链接 思路&#xff1a;采用递归方法&#xff0c;若root.val > high&#xff0c;判断左子树是否为空&#xff0c;若不空&#xff0c;递归遍历左子树&#xff0c;若空就返回null&#xff1b;若root.val < low&#xff0c;则判断右子树是…

C#——系统学习(类与对象)

类&#xff08;Class&#xff09; 定义与作用&#xff1a; 类是C#中的一种用户自定义类型&#xff0c;它是面向对象编程的核心元素之一。类是一种蓝图或者模板&#xff0c;它描述了一类具有相同特性和行为的事物。类通常包含以下部分&#xff1a; 字段&#xff08;Fields&…

JAVA面试八股文之集合

JAVA集合相关 集合&#xff1f;说一说Java提供的常见集合&#xff1f;hashmap的key可以为null嘛&#xff1f;hashMap线程是否安全, 如果不安全, 如何解决&#xff1f;HashSet和TreeSet&#xff1f;ArrayList底层是如何实现的&#xff1f;ArrayList listnew ArrayList(10)中的li…

Day24:私信列表、私信详情、发送私信

测试用户&#xff1a;用户名aaa 密码aaa 查询当前用户的会话列表&#xff1b;每个会话只显示一条最新的私信&#xff1b;支持分页显示。 首先看下表结构&#xff1a; conversation_id: 用from_id和to_id拼接&#xff0c;小的放前面去&#xff08;因为两个人的对话应该在一个会…

Siemens S7-1500TCPU 运动机构系统功能简介

目录 引言&#xff1a; 1.0 术语定义 2.0 基本知识 2.1 运动系统工艺对象 2.2 坐标系与标架 3.0 运动机构系统类型 3.1 直角坐标型 3.2 轮腿型 3.3 平面关节型 3.4 关节型 3.5 并联型 3.6 圆柱坐标型 3.7 三轴型 4.0 运动系统的运动 4.1 运动类型 4.1.1 线性运动…