当前位置：首页 > news >正文

Vue引入使用iconfont字体图标

news 2026/6/1 9:21:51

由于element-ui或element-plus提供的图标有时候并不能满足日常需求，所以这篇介绍一下前端引入阿里巴巴矢量图标库使用，不止是vue使用，不限于vue2、vue3，html或是其他框架也是同样的道理，只要引入都是同样可以使用的。

1. 首先进入阿里巴巴矢量图标库官网

官网：https://www.iconfont.cn/

2. 注册账号

如果已经注册过可忽略该步骤

3. 新建项目

点击上方资源管理 -> 我的项目

进去之后点击右上角新建项目

只需要关注项目名称和FontClass/Symbol前缀即可

项目名称就根据自己的项目编写即可，FontClass/Symbol前缀就是在使用的时候前面的类名前缀

Vue引入使用iconfont字体图标

由于element-ui或element-plus提供的图标有时候并不能满足日常需求，所以这篇介绍一下前端引入阿里巴巴矢量图标库使用，不止是vue使用，不限于vue2、vue3，html或是其他框架也是同样的道理，只要引入都是同样可以使用的。 1. 首先进入阿里巴巴矢量图标库官网官网：https://…...

编程日记 2024/8/12 19:25:17

Doc2Vec

Doc2Vec 是一种扩展自 Word2Vec 的算法，它不仅可以生成词向量，还可以生成句子或文档的向量。下面是一个使用 Doc2Vec 比较两个句子的具体过程： 步骤 1: 训练 Doc2Vec 模型首先，你需要有一个训练好的 Doc2Vec 模型。训练过程大致…...

编程日记 2024/8/12 19:23:15

MES生产过程透明管理，实施掌握生产每个环节

MES（制造执行系统）生产过程透明管理，旨在通过集成多种技术手段和管理模块，实现对生产过程的实时监控和精准掌握，确保每个生产环节都能被清晰地记录和追踪。以下是对MES生产过程透明管理的详细阐述： 一、MES…...

编程日记 2024/8/12 19:22:14

方法 public Multimap<String, String> getCodeBucketMultimap(HttpServletRequest request)throws IOException {MultipartHttpServletRequest multiRequest (MultipartHttpServletRequest) request;// 基于servlet获取文件流List<MultipartFile> multipartFile…...

编程日记 2024/8/12 19:20:12

【HTML】纯前台字符验证码

效果图： 大致思路： 1.在<canvas>画布里写出几个字符； 2.给字符一个随机的角度和颜色； 3.给字符上画出一些干扰线和干扰点。 <canvas width"100" height"30" id"canvasRef" click"…...

编程日记 2024/8/12 19:18:09

如何在 Vue.js 项目中动态设置页面标题

目录方法 1：使用 Vue Router 的元信息（meta）步骤 1: 配置路由元信息步骤 2: 使用路由守卫设置标题方法 2：在组件内设置标题在组件挂载时设置标题使用响应式数据动态更新标题在开发 Vue.js 应用时，设置动态页面标题是常见需求，尤其当应用包含多个页面时，为每…...

编程日记 2024/8/12 19:16:07

Eval绕过限制参数限制

PHP Eval函数参数限制在16个字符 PHP代码 <?php$param $_REQUEST[param]; if (strlen($param) < 17 && stripos($param, eval) false && stripos($param, assert) false){eval($param);}?># 部署环境属于ubuntu系统通过GET传参绕过由于是…...

编程日记 2024/8/12 19:15:05

计算机网络408考研 2021

2021 计算机网络408考研2021年真题解析_哔哩哔哩_bilibili 1 1 11 1 1 11...

编程日记 2024/8/12 19:14:04

element table表格树形数据展示

element table表格树形数据展示 1、效果 2、代码 <el-table ref"pointMultipleTable" border class"table-box" :data"[damActiveObj]"row-key"id" :tree-props"{ children: children }" :expand-row-keys"expand…...

编程日记 2024/8/12 19:13:03

Ubuntu 安装 Snipaste

一、下载 Snipaste 下载Snipastehttps://zh.snipaste.com/ 二、在/opt 创建 Snipaste 目录，创建 bin 和 icon 子目录，将 Snipaste.AppImage 移动到 bin 目录三、创建快捷键图标 1. 创建桌面图标，右键→允许运行 yammiemy-pc >/home/y…...

编程日记 2024/8/12 19:12:02

NET8环境WebAPI实现文件的压缩及下载

目录 1、文件下载的原理2、具体实现2.1 提前准备2.2 服务器端的实现2.3 请求端的实现 3、代码下载4、更多特性4.1 单独压缩文件4.2 解析4.2.1 整体解析4.2.2 单个文件解析 4.3 其他4.3.1 设置压缩级别4.3.2 密码保护4.3.3 进度反馈 5、参考资料 1、文件下载的原理在实际应用环…...

编程日记 2024/8/12 19:09:59

Ubuntu 18 使用NVIDIA上的HDMI输出声音

前言在未做修改之前，Settings -> Sound -> Output 里面只有 Digital Output(S/PDIF) - Built-in Audio 不显示HDMI的输出设备检查当前存在的音频设备 sudo lspci -v | grep -A7 -i "audio"输出： 从输出可以看出来是有两个设备的 00:1…...

编程日记 2024/8/12 19:07:55

C#模拟量线性变换小程序

1、一步步建立一个C#项目一步步建立一个C#项目(连续读取S7-1200PLC数据)_s7协议批量读取-CSDN博客文章浏览阅读1.7k次，点赞2次，收藏4次。本文详细介绍了如何使用C#构建一个项目，通过S7net库连接并连续读取S7-1200 PLC的数据，包括创建窗体应用、配置存储位置、安装S7net库…...

编程日记 2024/8/12 19:05:53

跟《经济学人》学英文：2024年08月10日这期 How AI models are getting smarter

How AI models are getting smarter Deep neural networks are learning diffusion and other tricks 原文： Type in a question to ChatGPT and an answer will materialise. Put a prompt into DALL-E 3 and an image will emerge. Click on TikTok’s “for y…...

编程日记 2024/8/12 19:04:52

Spring Web MVC入门（上）

1. Spring Web MVC Spring Web MVC 是基于 Servlet API 构建的原始 Web 框架，从⼀开始就包含在 Spring 框架中。它的正式名称“Spring Web MVC”来⾃其源模块的名称(Spring-webmvc)，但它通常被称为“spring MVC”； 什么是Servlet呢? Servlet…...

编程日记 2024/8/12 19:02:48

【c++】公差判断函数 isInTolerance

定义： isInTolerance 函数用来判断一个特定数值（变量）是否在以某个中心值为基准 ，给定半径的范围内。这个函数包含了一个可选的参数 includeEndpoints（默认为 true）， 用于决定范围是否包含其端点…...

编程日记 2024/8/12 19:01:47

电脑新加的硬盘如何分区?新加硬盘分区选MBR还是GPT

最近有网友问我,电脑新加的硬盘如何分区?电脑新加的硬盘分区选MBR还是GPT要看引导模式采用uefi还是传统的legacy模式，如果采用的是uefi引导模式，分区类型对应的就是gpt分区(guid)，如果引导模式采用的是legacy，对应的分区类型为mb…...

编程日记 2024/8/12 18:56:41

白骑士的Matlab教学基础篇 1.3 控制流

系列目录上一篇：白骑士的Matlab教学基础篇 1.2 MATLAB基础语法控制流是编程中的核心概念，通过控制程序执行的顺序，从而实现复杂的逻辑操作。MATLAB 提供了多种控制流语句，包括条件语句、循环语句以及循环控制语句。掌握这些控制…...

编程日记 2024/8/12 18:53:38

设计模式 - 适配器模式

💝💝💝首先，欢迎各位来到我的博客，很高兴能够在这里和您见面！希望您在这里不仅可以有所收获，同时也能感受到一份轻松欢乐的氛围，祝你生活愉快！ 文章目录引言一、适配器…...

编程日记 2024/8/12 18:52:37

docker部署minIO

docker部署minIO 旧版本新版本旧版本 #-u 以root用户运行容器；--privilegedtrue 给予容器命令访问权限 docker pull minio/minio:RELEASE.2021-06-17T00-10-46Z docker run -p 9001:9000 --name minio -d \-u root --privilegedtrue \-e "MINIO_ROOT_USERmin…...

编程日记 2024/8/12 18:51:35

信息系统项目管理师核心知识点精讲

一、项目整合管理（重点：项目章程与项目管理计划）知识点详解：项目整体管理是项目管理知识体系的核心，它确保项目各要素协调统一。在考试中，特别要掌握项目章程和项目管理计划的区别与联系。项目章程是项目的“出生证明”，由项目发起人发布。它正式授权项目，赋予项…...

编程新知 2026/5/26 3:01:50

从电磁炉到户外电源：拆解单相SVPWM如何让你的逆变器更安静、更高效

从电磁炉到户外电源：单相SVPWM如何实现静音与高效的双重突破当你深夜用电磁炉煮面时，是否曾被突然的蜂鸣声吓一跳？或是发现户外电源给设备充电时，散热风扇的噪音盖过了山林鸟鸣？这些常见问题背后，隐藏着一个…...

编程新知 2026/5/26 2:31:36

SkillVLA：通过技能复用应对双-臂操纵中的组合多样性

26年3月来自新加坡国立、北京中关村学院、上海创新研究院、上海AI实验室、上海交大和复旦的论文“SkillVLA: Tackling Combinatorial Diversity in Dual-Arm Manipulation via Skill Reuse”。视觉-语言-动作（VLA）模型近期取得的进展，已充分…...

编程新知 2026/5/26 1:37:09