微信小程序使用阿里巴巴矢量图标库正确姿势
1、打开官网：https://www.iconfont.cn/，把整理好的图标下载解压。
2、由于微信小程序不支持直接在wxss中引入.ttf/.woff/.woff2（在开发工具生效，手机不生效）。我们需要对下载的文件进一步处理。
- eot：IE系列专属字体方案，不推荐。
- svg：不是真的字体，存在很多兼容问题，已经被大部分浏览器抛弃，不推荐。
- ttf：兼容性好，但是字体文件较大 ，不推荐。
- woff：W3C标准，兼容性好，推荐。
- woff2：W3C标准，但是不兼容IE，推荐。
3、我们选择转换.woff2文件为base64，转换地址：File To Base64 Encoder | Convert any file | GiftOfSpeed
4、修改iconfont文件
@font-face {font-family: "iconfont"; /* Project id 4737589 */src: url("data:font/truetype;charset=utf-8;base64,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")format("woff2");
}5、在app.less引入文件
6、成功展示
相关文章：
微信小程序使用阿里巴巴矢量图标库正确姿势
1、打开官网：https://www.iconfont.cn/，把整理好的图标下载解压。 2、由于微信小程序不支持直接在wxss中引入.ttf/.woff/.woff2（在开发工具生效，手机不生效）。我们需要对下载的文件进一步处理。 eot：IE系列…...
【K8S问题系列 |1 】Kubernetes 中 NodePort 类型的 Service 无法访问【已解决】
在 Kubernetes 中，NodePort 类型的 Service 允许用户通过每个节点的 IP 地址和指定的端口访问应用程序。如果 NodePort 类型的 Service 无法通过节点的 IP 地址和指定端口进行访问，可能会导致用户无法访问应用。本文将详细分析该问题的常见原因及其解决方…...
Java基础Day-Thirteen
Java字符串 String类 创建String对象的方法 方法一：创建一个字符串对象imooc，名为s1 String s1"imooc"; 方法二：创建一个空字符串对象，名为s2 String s2new String(); 方法三：创建一个字符串对象imooc&a…...
LangChain实际应用
1、LangChain与RAG检索增强生成技术 LangChain是个开源框架，可以将大语言模型与本地数据源相结合，该框架目前以Python或JavaScript包的形式提供； 大语言模型：可以是GPT-4或HuggingFace的模型；本地数据源：…...
【数据结构】哈希/散列表
目录 一、哈希表的概念二、哈希冲突2.1 冲突概念2.2 冲突避免2.2.1 方式一哈希函数设计2.2.2 方式二负载因子调节 2.3 冲突解决2.3.1 闭散列2.3.2 开散列（哈希桶） 2.4 性能分析 三、实现简单hash桶3.1 内部类与成员变量3.2 插入3.3 获取value值3.4 总代码…...
flutter 项目初建碰到的控制台报错无法启动问题
在第一次运行flutter时，会碰见一直卡在Runing Gradle task assembleDebug的问题。其实出现这个问题的原因有两个。 一：如果你flutter -doctor 检测都很ok，而且环境配置都很正确，那么大概率就是需要多等一会，少则几十分…...
Java字符串深度解析：String的实现、常量池与性能优化
引言 在Java编程中，字符串操作是最常见的任务之一。String 类在 Java 中有着独特的实现和特性，理解其背后的原理对于编写高效、安全的代码至关重要。本文将深入探讨 String 的实现机制、字符串常量池、不可变性的优点，以及 String、StringBu…...
leetcode 2043.简易银行系统
1.题目要求: 示例: 输入： ["Bank", "withdraw", "transfer", "deposit", "transfer", "withdraw"] [[[10, 100, 20, 50, 30]], [3, 10], [5, 1, 20], [5, 20], [3, 4, 15], [10, 50]] 输出ÿ…...
基于SSM（Spring + Spring MVC + MyBatis）框架的文物管理系统
基于SSM（Spring Spring MVC MyBatis）框架的文物管理系统是一个综合性的Web应用程序，用于管理和保护文物资源。下面我将提供一个详细的案例程序概述，包括主要的功能模块和技术栈介绍。 项目概述 功能需求 用户管理：…...
yakit中的规则详细解释
官方文档 序列前置知识之高级配置 | Yak Program Language 本文章多以编写yaml模版的视角来解释 规则一览 匹配器 在编写yaml中会使用到这里两个东西 点击添加会在返回包的右下角出现匹配器 上面有三个过滤器模式，官方解释 丢弃：丢弃模式会在符合匹配…...
[c语言]strcmp函数的使用和模拟实现
1.strcmp函数的使用 int strcmp ( const char * str1, const char * str2 ); 如果 str1 小于 str2，返回一个负值。如果 str1 等于 str2，返回 0。如果 str1 大于 str2，返回一个正值。 实例： #include <stdio.h> #include &…...
如何把子组件的v-model修改数据，进行接收然后定义数据格式，子传父的实现
在 Vue 中，实现子组件通过 v-model 向父组件传递数据并接收后进行格式化，可以按照以下步骤来封装和实现： 步骤 1: 子组件实现 v-model 子组件需要定义一个 props 来接收 v-model 的值，并通过 emit 方法发出更新事件。 <!-- …...
linux dpkg 查看 安装 卸载 .deb
1、安装 sudo dpkg -i google-chrome-stable.deb # 如果您在安装过程中或安装和启动程序后遇到任何依赖项错误， # 您可以使用以下apt 命令使用-f标志解析和安装依赖项，该标志告诉程序修复损坏的依赖项。 # -y 表示自动回答“yes”，在安装…...
【算法】递归+深搜：105.从前序与中序遍历序列构造二叉树
目录 1、题目链接 2、题目介绍 3、解法 函数头-----找出重复子问题 函数体---解决子问题 4、代码 1、题目链接 105.从前序与中序遍历序列构造二叉树. - 力扣（LeetCode） 2、题目介绍 3、解法 前序遍历性质： 节点按照 [ 根节点 …...
ESP32 gptimer通用定时器初始化报错：assert failed: timer_ll_set_clock_prescale
背景：IDF版本V5.1.2 ，配置ESP32 通用定时器，实现100HZ，占空比50% 的PWM波形。 根据乐鑫官方的IDF指导文档设置内部计数器的分辨率，计数器每滴答一次相当于 1 / resolution_hz 秒。 （ESP-IDF编程指导文档&a…...
基于Python的旅游景点推荐系统
作者：计算机学姐 开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。 专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码 精品专栏：…...
【开源社区】ELK 磁盘异常占用解决及优化实践
1、问题及场景描述 本文主要讨论在 CentOS环境下基于 rpm 包部署 ELK 系统磁盘异常占用的问题解析和解决方案。 生产问题描述：以下问题现实场景基于ELK体系下，ES服务的磁盘占用问题解析。默认情况下，基于 RPM 安装的 Elasticsearch 服务的安…...
达梦数据守护集群_动态增加实时备库
目录 1、概述 2、实验环境 2.1环境信息 2.2配置信息 2.3 查看初始化参数 3、动态增加实时备库 3.1数据准备 3.2配置新备库 3.3动态增加MAL配置 3.4 关闭守护进程及监视器 3.5修改归档（方法1：动态添加归档配置） 3.6 修改归档&…...
计算机基础：Ping、Telnet和SSH
文章目录 PingTelnetSSLSSH隧道 Ping Ping和Telnet是两种常见的网络工具，它们分别用于测试网络连接和检查服务端口的连通性。 Ping是一种网络工具，用于测试主机之间的连通性。它通过发送ICMP（Internet Control Message Protocol）…...
Java教学新动力：SpringBoot辅助平台
1系统概述 1.1 研究背景 随着计算机技术的发展以及计算机网络的逐渐普及，互联网成为人们查找信息的重要场所，二十一世纪是信息的时代，所以信息的管理显得特别重要。因此，使用计算机来管理教学辅助平台的相关信息成为必然。开发合适…...
测试微信模版消息推送
进入“开发接口管理”--“公众平台测试账号”，无需申请公众账号、可在测试账号中体验并测试微信公众平台所有高级接口。 获取access_token: 自定义模版消息： 关注测试号：扫二维码关注测试号。 发送模版消息： import requests da…...
【WiFi帧结构】
文章目录 帧结构MAC头部管理帧 帧结构 Wi-Fi的帧分为三部分组成：MAC头部frame bodyFCS，其中MAC是固定格式的，frame body是可变长度。 MAC头部有frame control，duration，address1，address2，addre…...
DockerHub与私有镜像仓库在容器化中的应用与管理
哈喽，大家好，我是左手python！ Docker Hub的应用与管理 Docker Hub的基本概念与使用方法 Docker Hub是Docker官方提供的一个公共镜像仓库，用户可以在其中找到各种操作系统、软件和应用的镜像。开发者可以通过Docker Hub轻松获取所…...
Docker 运行 Kafka 带 SASL 认证教程
Docker 运行 Kafka 带 SASL 认证教程 Docker 运行 Kafka 带 SASL 认证教程一、说明二、环境准备三、编写 Docker Compose 和 jaas文件docker-compose.yml代码说明：server_jaas.conf 四、启动服务五、验证服务六、连接kafka服务七、总结 Docker 运行 Kafka 带 SASL 认…...
【ROS】Nav2源码之nav2_behavior_tree-行为树节点列表
1、行为树节点分类 在 Nav2（Navigation2）的行为树框架中，行为树节点插件按照功能分为 Action（动作节点）、Condition（条件节点）、Control（控制节点） 和 Decorator（装饰节点） 四类。 1.1 动作节点 Action 执行具体的机器人操作或任务，直接与硬件、传感器或外部系统…...
[10-3]软件I2C读写MPU6050 江协科技学习笔记（16个知识点）
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16...
PL0语法，分析器实现！
简介 PL/0 是一种简单的编程语言，通常用于教学编译原理。它的语法结构清晰，功能包括常量定义、变量声明、过程（子程序）定义以及基本的控制结构（如条件语句和循环语句）。 PL/0 语法规范 PL/0 是一种教学用的小型编程语言，由 Niklaus Wirth 设计，用于展示编译原理的核…...
MySQL 8.0 OCP 英文题库解析（十三）
Oracle 为庆祝 MySQL 30 周年，截止到 2025.07.31 之前。所有人均可以免费考取原价245美元的MySQL OCP 认证。 从今天开始，将英文题库免费公布出来，并进行解析，帮助大家在一个月之内轻松通过OCP认证。 本期公布试题111~120 试题1…...
Springboot社区养老保险系统小程序
一、前言 随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，社区养老保险系统小程序被用户普遍使用，为方…...
Linux C语言网络编程详细入门教程：如何一步步实现TCP服务端与客户端通信
文章目录 Linux C语言网络编程详细入门教程：如何一步步实现TCP服务端与客户端通信前言一、网络通信基础概念二、服务端与客户端的完整流程图解三、每一步的详细讲解和代码示例1. 创建Socket（服务端和客户端都要）2. 绑定本地地址和端口&#x…...