前端 插件/库 总结

news/2024/6/24 9:10:04/文章来源:https://blog.csdn.net/cpsxn/article/details/137117010

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.luyixian.cn/news_show_1034184.aspx

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

相关文章

Linux 动静态库的制作,使用和加载

Linux 动静态库的制作,使用和加载 一.前置说明1.mylib.h2.mylib.c3.mymath.h mymath.c4.如何制作库 二.动静态库的制作1.静态库的制作1.制作2.使用一下静态库,验证是否成功打包 2.动态库的制作1.编译.c源文件文件生成.o目标文件2.打包生成动态库3.编写makefile文件,自动化制作动…

Spring 整合 Log4j2日志框架

1. Log4j2日志概述 在项目开发中,日志十分的重要,不管是记录运行情况还是定位线上问题,都离不开对日志的分析。日志记录了系统行为的时间、地点、状态等相关信息,能够帮助我们了解并监控系统状态,在发生错误或者接近某…

Go语言流程控制

条件语句需要开发者通过指定一个或多个条件,并通过测试条件是否为true来决定是否执行指定语句,并在条件为false的情况下执行另外的语句。 Go语言提供了一下几种条件判断语句 一. 条件语句if 1.1 if语句由一个布尔表达式后紧跟一个或多个语句组成 语法&a…

如何在Portainer中创建Nginx服务并搭建静态站点实现公网访问本地网站

文章目录 前言1. 安装Portainer1.1 访问Portainer Web界面 2. 使用Portainer创建Nginx容器3. 将Web静态站点实现公网访问4. 配置Web站点公网访问地址4.1公网访问Web站点 5. 固定Web静态站点公网地址6. 固定公网地址访问Web静态站点 前言 Portainer是一个开源的Docker轻量级可视…

牛牛排队伍

有 n 个人排队,1 号排在 2 号前面,2 号排在 3 号前面,…,以此类推 n−1 号排在 n 号前面。在这个过程中,偶尔老师会把某个人叫走,叫走之后这个人就离开了队伍,假设本来 a排在 b 前面&#xff0c…

SiameseRPN原理详解(个人学习笔记)

参考资源: 视觉目标跟踪SiamRPNSiameseRPN详解CVPR2018视觉目标跟踪之 SiameseRPN 目录) 1. 模型架构1.1 Siamese Network1.2 RPN 2. 模型训练2.1 损失函数2.2 端到端训练2.3 正负样本选择 3. 跟踪阶段总结 SiamRPN是在SiamFC的基础上进行改进而得到的一…

Adobe ColdFusion 任意文件读取漏洞复现(CVE-2024-20767)

0x01 产品简介 Adobe ColdFusion是美国奥多比(Adobe)公司的一套快速应用程序开发平台。该平台包括集成开发环境和脚本语言,将可扩展、改变游戏规则且可靠的产品的愿景变为现实。 0x02 漏洞概述 由于 Adobe ColdFusion 的访问控制不当,未经身份认证的远程攻击者可以构造恶…

Ubuntu20.04安装MatlabR2018a

一、安装包 安装包下载链接 提取码:kve2 网上相关教程很多,此处仅作为安装软件记录,方便后续软件重装,大家按需取用。 二、安装 1. 相关文件一览 下载并解压文件后,如下图所示: 2. 挂载镜像并安装 2…

服务器被CC攻击之后怎么办?

1.取消域名绑定取消域名绑定后Web服务器的CPU能够马上恢复正常状态,通过IP进行访问连接一切正常。但是不足之处也很明显,取消或者更改域名对于别人的访问带来了不变,另外,对于针对IP的CC攻击它是无效的,就算更换域名攻…

【WEEK5】 【DAY5】DML语言【中文版】

2024.3.29 Friday 目录 3.DML语言3.1.外键(了解)3.1.1.概念3.1.2.作用3.1.3.添加(书写)外键的几种方法3.1.3.1.创建表时直接在主动引用的表里写(被引用的表的被引用的部分)3.1.3.2.先创建表后修改表以添加…

unity 打包安卓错误汇集

Failed to find target with hash string "android-34’ in: D:Pr 他说找不到sdk34level的我用as打开后卸载又重装,最后解决了 我放到Plugins/Android/下面的Java代码没有被编译 这个不知道为什么。我故意把代码写的有问题,会报错那种&#xff…

认识docker

认识docker 1.镜像和容器2.MySQL镜像命令解读3.docker常用命令4.数据挂载(1)数据卷(2)本地目录挂载 5.自定义镜像(1)Dockerfile 6.容器网络互连7、参考 1.镜像和容器 当我们利用 Docker 安装应用时&#x…

面试题 之 webpack

1.说说你对webpack理解?解决什么问题? Webpack 是实现前端项目的模块化,用于现代 JavaScript 应用程序的静态模块打包工具,被webpack 直接引用的资源打包进 bunde.js的资源,当webpack 处理应用程序时,它会在内部构建一…

Mysql数据库:故障分析与配置优化

目录 前言 一、Mysql逻辑架构图 二、Mysql单实例常见故障 1、无法通过套接字连接到本地MySQL服务器 2、用户rootlocalhost访问被拒绝 3、远程连接数据库时连接很慢 4、无法打开以MYI结尾的索引文件 5、超出最大连接错误数量限制 6、连接过多 7、配置文件/etc/my.cnf权…

SmartChart的部署以及可能遇见的报错解决方案

简介 数据可视化是一种将数据转化为图形的技术,可以帮助人们更好地理解和分析数据。但是,传统的数据可视化开发往往需要编写大量的代码,或者使用复杂的拖拽工具,不仅耗时耗力,而且难以实现个性化的需求。有没有一种更…

《VMamba》论文笔记

原文链接: [2401.10166] VMamba: Visual State Space Model (arxiv.org) 原文笔记: What: VMamba: Visual State Space Model Why: 多年以来CNN和VIT作为视觉特征提取的主流框架 CNN具有模型简单,共享权重&…

The Google File System [SOSP‘03] 论文阅读笔记

原论文:The Google File System 1. Introduction 组件故障是常态而非例外 因此,我们需要持续监控、错误检测、容错和自动恢复! 按照传统标准,文件数量巨大大多数文件都是通过添加新数据而不是覆盖现有数据来改变的,因…

近屿智能独家发布行业领先的AIGC学习路径图

近日来“人工智能即将取代大量人类工作”的话题愈演愈烈,在CCTV-13的《两会你我他》访谈节目中,众多专家也围绕这一议题展开了深入的讨论,AI不会取代你的工作,会取代你的是懂AI技术的人。李强总理在访谈中也强调了推动"人工智…

加密/ 解密 PDF:使用Python为PDF文档设置、移除密码

在数字化时代,文档的安全性变得越来越重要。特别是对于包含敏感信息的PDF文件,确保其不被未经授权的人员访问或修改是至关重要的。本文将介绍如何使用Python在PDF文档中设置密码,以及如何移除已经设置的密码。 目录 PDF加密基础知识 Pytho…

利用 docker 实现JMeter分布式压测

为什么需要分布式? 在工作中经常需要对一些关键接口做高QPS的压测,JMeter是由Java 语言开发,没创建一个线程(虚拟用户),JVM默认会为每个线程分配1M的堆栈内存空间。受限于单台试压机的配置很难实现太高的并…