08 —— Webpack打包图片
【资源模块 | webpack 中文文档 | webpack中文文档 | webpack中文网】https://www.webpackjs.com/guides/asset-modules/?sid_for_share=99125_3
Webpack打包图片以8KB为临界值判断
- 大于8KB的文件：发送一个单独的文件并导出URL地址
- 小于8KB的文件：导出一个dataURI（base64字符串）
打包到js文件里
filename：输出到assets下的文件名
test:/\.(png|jpg|gif)$/i,匹配以这些类型结尾的文件
小图
js中引入本地图片资源要用import方式（如果是网络图片，直接写字符串即可）
给src属性赋予图片的地址
加在.login-wrap容器的末尾
appendChild() 方法:可向节点的子节点列表的末尾添加新的子节点
大图
小图
相关文章：
08 —— Webpack打包图片
【资源模块 | webpack 中文文档 | webpack中文文档 | webpack中文网】https://www.webpackjs.com/guides/asset-modules/?sid_for_share99125_3 Webpack打包图片以8KB为临界值判断 大于8KB的文件：发送一个单独的文件并导出URL地址 小于8KB的文件：导出一…...
01.Django快速入门
一、Django 快速入门 使用最新版本 Django4.2LTS 版本,3 年内不需要更换版本由浅入深讲解，浅显易懂课程大纲全面包含 Django 框架知识点，内容丰富全面细致知识点结合项目实战实现全栈项目应用 Django 官网(文档): https://docs.djangoproject.com/zh-h…...
【大数据学习 | Spark-Core】spark-shell开发
spark的代码分为两种 本地代码在driver端直接解析执行没有后续 集群代码，会在driver端进行解析，然后让多个机器进行集群形式的执行计算 spark-shell --master spark://nn1:7077 --executor-cores 2 --executor-memory 2G sc.textFile("/home/ha…...
Modern Effective C++ Item 14 如果函数不抛出异常请使用noexcept
C11 noexcept关键字用于指定函数不会抛出异常，有助于提高程序的异常安全性，还能够使编译器生成更加高效的代码。 noexcept 是函数接口的一部分 函数是否声明为 noexcept 是接口设计的一部分，客户端代码可能会依赖这一点。如果一个函数被声明…...
cudatoolkit安装（nvcc -V错误版本解决）
CudaToolKit安装（nvcc） cudatoolkit 是 CUDA 开发工具包（CUDA Toolkit） 的核心部分，包含了一系列用于开发和运行 CUDA 应用程序的软件组件。nvcc 是 NVIDIA CUDA 编译器驱动，用于将 CUDA C/C 代码编译成可…...
DTO和VO的区别及使用场景详解
随着互联网的发展，前后端分离的开发模式越来越流行。在前后端数据交互过程中，为了保证数据的安全性和效率，通常会采用 DTO 和 VO 来封装数据。本篇博客将详细介绍 DTO 和 VO 的区别以及使用场景。 大家可能会有个疑问，既然DTO是展…...
百度在下一盘大棋
这两天世界互联网大会在乌镇又召开了。 我看到一条新闻，今年世界互联网大会乌镇峰会发布“2024 年度中国互联网企业创新发展十大典型案例”，百度文心智能体平台入选。 这个智能体平台我最近也有所关注，接下来我就来讲讲它。 百度在下一盘大棋…...
第十六届蓝桥杯模拟赛第二期题解—Java
第十六届蓝桥杯模拟赛/校赛第二期个人题解，有错误的地方欢迎各位大佬指正 问题一(填空题) 【问题描述】 如果一个数 p 是个质数，同时又是整数 a 的约数，则 p 称为 a 的一个质因数。 请问， 2024 的最大的质因数是多少？ …...
驱动开发笔记：关于3588GPIO
1.概要 2.内容 1.3588GPIO 关于RK3588的GPIO（General-Purpose Input/Output，通用输入输出引脚），以下是一些关键信息和操作指南： 一、GPIO基本概念 定义：GPIO是嵌入式系统中常见的通信接口，…...
【RK3588 Linux 5.x 内核编程】-内核线程与Mutex
内核线程与Mutex 文章目录 内核线程与Mutex1、Mutex介绍1.1 竞争条件1.2 Mutex特性2、Linux内核中的Mutex2.1 初始化Mutex2.1.1 静态方式初始化2.1.2 动态方式初始化2.2 互斥锁获取2.3 互斥锁释放3、Mutex使用示例4、驱动验证在前面的文章中，介绍了如何Linux内核中的线程，但是…...
【0342】分配并初始化 Proc Signal 共享内存 （1）
1. Proc Signal （procsignal）共享内存 Postgres内核在启动postmaster守护进程时候， 会通过函数 ProcSignalShmemInit() 去为 Proc Signal 分配并初始化指定大小的共享内存空间。整个调用链路如下。 (gdb) bt #0 ProcSignalShmemInit () at procsignal.c:118 #1 0x000000000…...
管家婆财贸ERP BR035.回款利润明细表
最低适用版本： 财贸系列 23.5 插件简要功能说明： 报表统计销售单/销售退货单/销售发票回款情况更多细节描述见下方详细文档插件操作视频： 进销存类定制插件--回款利润明细表 插件详细功能文档： 1. 应用中心增加报表【回款利润明细表】 a. b. 查询条件： ⅰ. 日期区间：…...
数据库MYSQL——表的设计
文章目录 前言三大范式：几种实体间的关系：一对一关系：一对多关系：多对多关系： 前言 之前的博客中我们讲解的是关于数据库的增删改查与约束的基本操作， 是在已经创建数据库，表之上的操作。 在实…...
netstat -tuln | grep 27017（显示所有监听状态的 TCP 和 UDP 端口，并且以数字形式显示地址和端口号）
文章目录 1. 确定占用端口的进程使用 lsof 命令使用 fuser 命令 2. 结束占用端口的进程3. 修改 MongoDB 配置文件4. 检查 MongoDB 日志文件5. 重新启动 MongoDB 服务6. 检查 MongoDB 服务状态总结 [rootlocalhost etc]# netstat -tuln | grep 27017 tcp 0 0 127.0.…...
非线性控制器设计原理
非线性控制器设计原理 非线性控制器设计旨在解决非线性系统的控制问题，克服传统线性控制器在处理非线性现象（如饱和、死区、耦合、时变性等）时的不足。其核心在于利用非线性数学工具和设计方法，使控制系统在非线性条件下具备良好…...
MySQL数据库6——SQL优化
一.SQL优化 1.插入优化 优化1：批量插入 insert into 表名 values(记录1),(记录2),……;优化2：手动提交事务 start transaction; insert into 表名 values(记录1),(记录2); insert into 表名 values(记录1),(记录2); …… commit;优化3：主键顺…...
IDEA配置本地maven
因为idea和maven是没有直接关系的。所以使用idea创建maven工程之前需要将本地的maven配置到idea环境中，这样才可以在idea中创建maven工程。配置方法如下： 1.1 配置本地maven 第一步：关闭当前工程，回到idea主界面找到customize--…...
学习日记_20241123_聚类方法（高斯混合模型）续
前言 提醒： 文章内容为方便作者自己后日复习与查阅而进行的书写与发布，其中引用内容都会使用链接表明出处（如有侵权问题，请及时联系）。 其中内容多为一次书写，缺少检查与订正，如有问题或其他拓展…...
SpringMVC——简介及入门
SpringMVC简介 看到SpringMVC这个名字，我们会发现其中包含Spring，那么SpringMVC和Spring之间有怎样的关系呢？ SpringMVC隶属于Spring，是Spring技术中的一部分。 那么SpringMVC是用来做什么的呢？ 回想web阶段&#x…...
文件操作完成后，为什么要关闭文件
原因包括： 释放系统资源：打开文件时，操作系统会分配资源，如文件描述符或句柄，用于管理文件访问。如果文件保持打开状态，这些资源就不会被释放，可能导致资源耗尽。 确保数据完整性：写…...
shell脚本--常见案例
1、自动备份文件或目录 2、批量重命名文件 3、查找并删除指定名称的文件： 4、批量删除文件 5、查找并替换文件内容 6、批量创建文件 7、创建文件夹并移动文件 8、在文件夹中查找文件...
.Net框架，除了EF还有很多很多......
文章目录 1. 引言2. Dapper2.1 概述与设计原理2.2 核心功能与代码示例基本查询多映射查询存储过程调用 2.3 性能优化原理2.4 适用场景 3. NHibernate3.1 概述与架构设计3.2 映射配置示例Fluent映射XML映射 3.3 查询示例HQL查询Criteria APILINQ提供程序 3.4 高级特性3.5 适用场…...
练习（含atoi的模拟实现,自定义类型等练习）
一、结构体大小的计算及位段 （结构体大小计算及位段 详解请看：自定义类型：结构体进阶-CSDN博客） 1.在32位系统环境，编译选项为4字节对齐，那么sizeof(A)和sizeof(B)是多少？ #pragma pack(4)st…...
PPT|230页| 制造集团企业供应链端到端的数字化解决方案：从需求到结算的全链路业务闭环构建
制造业采购供应链管理是企业运营的核心环节，供应链协同管理在供应链上下游企业之间建立紧密的合作关系，通过信息共享、资源整合、业务协同等方式，实现供应链的全面管理和优化，提高供应链的效率和透明度，降低供应链的成…...
CMake基础：构建流程详解
目录 1.CMake构建过程的基本流程 2.CMake构建的具体步骤 2.1.创建构建目录 2.2.使用 CMake 生成构建文件 2.3.编译和构建 2.4.清理构建文件 2.5.重新配置和构建 3.跨平台构建示例 4.工具链与交叉编译 5.CMake构建后的项目结构解析 5.1.CMake构建后的目录结构 5.2.构…...
FastAPI 教程：从入门到实践
FastAPI 是一个现代、快速（高性能）的 Web 框架，用于构建 API，支持 Python 3.6。它基于标准 Python 类型提示，易于学习且功能强大。以下是一个完整的 FastAPI 入门教程，涵盖从环境搭建到创建并运行一个简单的…...
Nginx server_name 配置说明
Nginx 是一个高性能的反向代理和负载均衡服务器，其核心配置之一是 server 块中的 server_name 指令。server_name 决定了 Nginx 如何根据客户端请求的 Host 头匹配对应的虚拟主机（Virtual Host）。 1. 简介 Nginx 使用 server_name 指令来确定…...
数据链路层的主要功能是什么
数据链路层（OSI模型第2层）的核心功能是在相邻网络节点（如交换机、主机）间提供可靠的数据帧传输服务，主要职责包括： 🔑 核心功能详解： 帧封装与解封装 封装： 将网络层下发…...
成都鼎讯硬核科技！雷达目标与干扰模拟器，以卓越性能制胜电磁频谱战
在现代战争中，电磁频谱已成为继陆、海、空、天之后的 “第五维战场”，雷达作为电磁频谱领域的关键装备，其干扰与抗干扰能力的较量，直接影响着战争的胜负走向。由成都鼎讯科技匠心打造的雷达目标与干扰模拟器，凭借数字射…...
【HTTP三个基础问题】
面试官您好！HTTP是超文本传输协议，是互联网上客户端和服务器之间传输超文本数据（比如文字、图片、音频、视频等）的核心协议，当前互联网应用最广泛的版本是HTTP1.1，它基于经典的C/S模型，也就是客…...