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

芋道前端框架上线之后发现element-ui的icon图标全部乱码

news 2026/2/1 21:32:54

前言

最近发现线上有人反映图标全部是乱码，登录上去看确实乱码，刷新就好
最后一顿搜，发现是sass版本不兼容导致的图标乱码问题

解决办法

1.先把sass升级到1.39.0

2.来到vue.config.js文件配置代码-如果是芋道前端框架不用配置自带

 css: {loaderOptions: {sass: {// 解决 element-ui 图标 icon 偶现乱码问题sassOptions: { outputStyle: 'expanded' }},postcss: {plugins: [postcss]}}},

总结：

经过这一趟流程下来相信你也对芋道前端框架上线之后发现element-ui的icon图标全部乱码有了初步的深刻印象，但在实际开发中我们遇到的情况肯定是不一样的，所以我们要理解它的原理，万变不离其宗。加油，打工人！

有什么不足的地方请大家指出谢谢 -- 風过无痕

芋道前端框架上线之后发现element-ui的icon图标全部乱码

前言最近发现线上有人反映图标全部是乱码，登录上去看确实乱码，刷新就好最后一顿搜，发现是sass版本不兼容导致的图标乱码问题解决办法 1.先把sass升级到1.39.0 2.来到vue.config.js文件配置代码-如果是芋道前端框架不用配置自带 css: {lo…...

编程日记 2023/12/21 22:27:16

每个伦敦金投资者都应该练习的日线图交易

在伦敦金市场中，每个投资者都应该试着去做日线图的交易。有的人一听到日线图马上摇头，原因是日线图的价格跨度大，导致止损距离也变大，这样对投资者来说无疑是增加了风险。如果资金量大的投资者还好说，可以降低仓位&…...

编程日记 2023/12/21 22:26:15

高通平台开发系列讲解（USB篇）adb应用adbd分析

沉淀、分享、成长，让自己和他人都能有所收获！😄 在apps_proc/system/core/adb/adb_main.cpp文件中main()函数会调用adb_main()函数，然后调用uab_init函数在uab_init（）函数中，会创建一个线程，在线程中会调用init_functionfs（）函数，利用ep0控制节点，创建ep1、ep2输…...

编程日记 2023/12/21 22:25:14

【上海大学数字逻辑实验报告】七、中规模元件及综合设计

一、实验目的掌握中规模时序元件的测试。学会在Quartus II上设计序列发生器。二、实验原理 74LS161是四位可预置数二进制加计数器，采用16引脚双列直插式封装的中规模集成电路，其外形如下图所示： 其各引脚功能为： 异步复位输…...

编程日记 2023/12/21 22:24:13

JVM内存结构Java内存模型Java对象模型

导图： https://naotu.baidu.com/file/60a0bdcaca7c6b92fcc5f796fe6f6bc9 1.JVM内存结构&&Java内存模型&&Java对象模型 1.1.JVM内存结构 1.2.Java对象模型 Java对象模型表示的是这个对象本身的存储模型,JVM会给这个类创建一个instanceKlass保存在方…...

编程日记 2023/12/21 22:23:12

Istio 社区周报（第一期）：2023.12.11 - 12.17

欢迎来到 Istio 社区周报 Istio 社区朋友们，你们好！ 我很高兴呈现第一期 Istio 社区周报。作为 Istio 社区的一员，每周我将为您带来 Istio 的最新发展、有见地的社区讨论、专业提示和重要安全新闻内容。祝你阅读愉快，并在下一期中…...

编程日记 2023/12/21 22:19:09

质量图导向法解包裹之---计算边缘可靠性

在这之前需要我们知道像素点的可靠性 % 这反映了相位变化的平滑程度。以下是一个可能的实现，它使用了二阶差分来计算可靠性： function rel calculateReliability(wrappedPhase)% 应用高斯滤波减少噪声filteredImg imgaussfilt(wrappedPhase, 2); % 2 …...

编程日记 2023/12/21 22:17:07

C# WPF上位机开发（进度条操作）

编程日记 2023/12/21 22:16:06

vulnhub-Tre(cms渗透)

靶机和kali都使用net网络，方便探测主机获取ip1.靶机探测使用fping扫描net网段靶机ip：192.168.66.130 2.端口扫描扫描发现该靶机三个端口，ssh，还有两个web，使用的中间件也是不一样的，一个是apache&…...

编程日记 2023/12/21 22:14:04

Re解析（正则表达式解析）

正则表达式基础元字符 B站教学视频： 正则表达式元字符基本使用量词贪婪匹配和惰性匹配惰性匹配如下两张图，而 .* 就表示贪婪匹配，即尽可能多的匹配到符合的字符串，如果使用贪婪匹配，那么结果就是图中的情况三 p…...

编程日记 2023/12/21 22:13:03

HTML输出特殊字符详细方法

以下是部分特殊字符代码表，它们的完整应用代码格式为：&#;用下面的四位数字替换，将得到对应的符号。（注意：应用这些代码，编辑器应该切换到HTML模式） ☏260f ☎260e ☺263a ☻263b ☼263c ☽…...

编程日记 2023/12/21 22:05:56

《漫画算法》笔记——计算两个大数的和

例题： 输入：“123”，“234” 输出：“357” 思路： 使用数组，分别计算每一位上的加和，注意记录进位信息。然后，将数组恢复成字符串，输出。值得注意的是，加和…...

编程日记 2023/12/21 22:03:54

Python3.13版本改进规划

大家好，最近faster-cpython 项目的文档介绍了关于 Python 3.13 的规划，以及在 3.13 版本中将要实现的一些优化和改进。faster-python 是 Python 的创始人 Guido van Rossum 和他的团队提出的计划 ，目标是在四年内将 CPython 的性能提升五倍。…...

编程日记 2023/12/21 22:01:52

aws配置以及下载 spaceNet6 数据集

一：注册亚马逊账号注册的时候，唯一需要注意的是信用卡绑定，这个可以去淘宝买，搜索aws匿名卡。注册完记得点击登录，记录一下自己的账户ID哦！ 二：登录自己的aws账号 2.1 首先创建一个用户首…...

编程日记 2023/12/21 21:58:49

进阶之路：高级Spring整合技术解析

Spring整合 1.1 Spring整合Mybatis思路分析1.1.1 环境准备步骤1:准备数据库表步骤2:创建项目导入jar包步骤3:根据表创建模型类步骤4:创建Dao接口步骤5:创建Service接口和实现类步骤6:添加jdbc.properties文件步骤7:添加Mybatis核心配置文件步骤8:编写应用程序步骤9:运行程序 1.…...

编程日记 2023/12/21 21:55:47

【ArcGIS微课1000例】0081：ArcGIS指北针乱码解决方案

问题描述： ArcGIS软件在作图模式下插入指北针，出现指北针乱码，如下图所示： 问题解决下载并安装字体（配套实验数据包0081.rar中获取）即可解决该问题。正常的指北针选择器： 专栏介绍&#xff…...

编程日记 2023/12/21 21:54:46

uniapp运行到手机模拟器

第一步，下载MUMU模拟器下载地址：MuMu模拟器官网_安卓12模拟器_网易手游模拟器 (163.com) 第二步，运行mumu模拟器第三步，运行mumu多开器第三步，查看abs 端口第四步，打开HBuilder,如下图，将…...

编程日记 2023/12/21 21:53:45

基于PHP的蛋糕购物商城系统

有需要请加文章底部Q哦可远程调试基于PHP的蛋糕购物商城系统一介绍此蛋糕购物商城基于原生PHP开发，数据库mysql，前端bootstrap。系统角色分为用户和管理员。技术栈：phpmysqlbootstrapphpstudyvscode 二功能用户 1 注册/登录/注销…...

编程日记 2023/12/21 21:50:43

嵌入式中的定时器概念

定时器概述定时器是嵌入式系统中常用的一种外设，它可以产生一定的时间间隔、延时、定时等功能，广泛应用于定时、计数、脉冲宽度调制(PWM)等领域。具体而言，定时器可以实现以下功能：计时：定时器可以用来实现延时操作，例如等待外部设备的稳定、等待数据的接收等，也可以…...

编程日记 2023/12/21 21:49:41

鸿蒙ArkTS语言介绍与TS基础语法

1、ArkTS介绍 ArkTS是HarmonyOS主力应用开发语言，它在TS基础上，匹配ArkUI框架，扩展了声明式UI、状态管理等响应的能力，让开发者以更简洁、更自然的方式开发跨端应用。 JS 是一种属于网络的高级脚本语言，已经被广泛用…...

编程日记 2023/12/21 21:45:38

Docker 运行 Kafka 带 SASL 认证教程

Docker 运行 Kafka 带 SASL 认证教程 Docker 运行 Kafka 带 SASL 认证教程一、说明二、环境准备三、编写 Docker Compose 和 jaas文件docker-compose.yml代码说明：server_jaas.conf 四、启动服务五、验证服务六、连接kafka服务七、总结 Docker 运行 Kafka 带 SASL 认…...

编程新知 2026/1/23 4:15:03

《Playwright：微软的自动化测试工具详解》

Playwright 简介:声明内容来自网络，将内容拼接整理出来的文档 Playwright 是微软开发的自动化测试工具，支持 Chrome、Firefox、Safari 等主流浏览器，提供多语言 API（Python、JavaScript、Java、.NET）。它的特点包括&a…...

编程新知 2025/7/23 15:00:00

Module Federation 和 Native Federation 的比较

前言 Module Federation 是 Webpack 5 引入的微前端架构方案，允许不同独立构建的应用在运行时动态共享模块。 Native Federation 是 Angular 官方基于 Module Federation 理念实现的专为 Angular 优化的微前端方案。概念解析 Module Federation (模块联邦) Modul…...

编程新知 2026/1/31 13:48:37

12.找到字符串中所有字母异位词

🧠 题目解析题目描述： 给定两个字符串 s 和 p，找出 s 中所有 p 的字母异位词的起始索引。返回的答案以数组形式表示。字母异位词定义： 若两个字符串包含的字符种类和出现次数完全相同，顺序无所谓，则互为…...

编程新知 2026/1/31 12:52:29

MySQL账号权限管理指南：安全创建账户与精细授权技巧

在MySQL数据库管理中，合理创建用户账号并分配精确权限是保障数据安全的核心环节。直接使用root账号进行所有操作不仅危险且难以审计操作行为。今天我们来全面解析MySQL账号创建与权限分配的专业方法。一、为何需要创建独立账号？ 最小权限原则&#xf…...

编程新知 2025/9/5 23:36:27

深度学习习题2

1.如果增加神经网络的宽度，精确度会增加到一个特定阈值后，便开始降低。造成这一现象的可能原因是什么？ A、即使增加卷积核的数量，只有少部分的核会被用作预测 B、当卷积核数量增加时，神经网络的预测能力会降低 C、当卷…...

编程新知 2026/1/26 5:53:30

GO协程(Goroutine)问题总结

在使用Go语言来编写代码时，遇到的一些问题总结一下 [参考文档]：https://www.topgoer.com/%E5%B9%B6%E5%8F%91%E7%BC%96%E7%A8%8B/goroutine.html 1. main()函数默认的Goroutine 场景再现： 今天在看到这个教程的时候，在自己的电…...

编程新知 2026/1/31 6:53:53

渗透实战PortSwigger靶场：lab13存储型DOM XSS详解

进来是需要留言的，先用做简单的 html 标签测试发现面的</h1>不见了数据包中找到了一个loadCommentsWithVulnerableEscapeHtml.js 他是把用户输入的<>进行 html 编码，输入的<>当成字符串处理回显到页面中，看来只是把用户输…...

编程新知 2026/1/22 1:35:07

篇章二论坛系统——系统设计

目录 2.系统设计 2.1 技术选型 2.2 设计数据库结构 2.2.1 数据库实体 1. 数据库设计 1.1 数据库名: forum db 1.2 表的设计 1.3 编写SQL 2.系统设计 2.1 技术选型 2.2 设计数据库结构 2.2.1 数据库实体通过需求分析获得概念类并结合业务实现过程中的技术需要&#x…...

编程新知 2026/2/1 0:38:28

向量几何的二元性：叉乘模长与内积投影的深层联系

在数学与物理的空间世界中，向量运算构成了理解几何结构的基石。叉乘（外积）与点积（内积）作为向量代数的两大支柱，表面上呈现出截然不同的几何意义与代数形式，却在深层次上揭示了向量间相互作用的…...

编程新知 2026/1/22 16:07:40

前言

解决办法

相关文章：