Space Chars-CSDN博客

原创【前端开发】Vue中引入Sass、Scss

Vue中引入Sass、Scss

2024-01-16 15:05:05 4415 1

原创【云技术】Minio 入门

Minio 分布式对象存储框架，Minio分为开源、分布式两钟产品，他的特点的就是小、块、高效

2022-07-29 10:59:11 10489

原创【FAQ】解决qrcode.js二维码插件不支持中文的问题

解决qrcode.js二维码插件不支持中文的问题

2019-03-02 22:27:22 12122 7

本文介绍一次性密码服务(OTP)，重点讲解基于时间的TOTP实现方式。TOTP相比HOTP更常用，只需客户端和服务端时间同步即可。文章提供了Java代码示例，展示如何通过共享密钥、时间窗口和HMAC-SHA1算法生成6位验证码。同时指出TOTP二维码应包含颁发组织、用户名和共享密钥三个要素，格式为otpauth://totp/{issuer}:{account}?secret={secretKey}&issuer={issuer}。特别强调每次重置TOTP绑定都应重新生成共享密钥，以确保安全性。

2025-05-29 17:04:36 114

原创【FAQ】spring boot 3 集成 nacos

本文介绍了Spring Boot集成Nacos配置中心的基本步骤：1) 添加Nacos Config依赖(com.alibaba.cloud:spring-alibaba-nacos-config)；2) 配置Nacos连接参数，特别提醒当配置文件位于自定义命名空间时，需通过spring.nacos.config.namespace指定命名空间ID，否则默认会拉取public空间下的配置。文中提供了YAML配置示例，并附带Nacos官方文档参考链接，帮助开发者快速实现配置中心集成。（99字）

2025-05-27 16:16:12 324

原创【大前端】Node Js下载文件

在Node.js中，获取远程文件通常使用fetch和axios两种方式。fetch是原生的API，通过arrayBuffer方法获取文件数据，并使用fs.writeFileSync将数据写入本地文件。axios是一个流行的HTTP客户端库，通过设置responseType为blob获取文件数据，并使用fs.createWriteStream将数据流写入本地文件。两种方法都能有效实现文件下载，开发者可以根据需求选择适合的方式。

2025-05-21 09:42:41 131

原创【大前端】使用NodeJs HTTP模块创建web服务器、SSE通讯

expressexpressexpress本文介绍NodeJs 内置模块。

2025-05-21 09:41:29 509

原创【随记】格式化文件大小

该代码定义了一个 formatFileSize 函数，用于将文件大小格式化为更易读的单位（如 B、KB、MB 等）。首先，通过 Math.log 和 Math.floor 计算文件大小的最小次方数 multiple，确定其所属的单位。然后，根据文件大小是否小于 1024 字节，决定是否进行格式化：若小于 1024 字节，直接返回原始大小；否则，将文件大小除以对应单位的字节数，并保留两位小数。最后，通过 multiple 索引单位字符，返回格式化后的字符串。

2025-05-21 09:36:10 154

原创【大前端】使用纯CSS实现进度条

这段CSS代码通过radial-gradient和linear-gradient创建了一个带有圆点的进度条效果。radial-gradient用于绘制圆点，通过白色填充内部，红色绘制边框，并使用transparent使其余部分透明。两个linear-gradient分别用于绘制进度条和背景填充色。background属性中，前面的图层会覆盖后面的图层，圆点的偏移和进度条的宽度分别通过background-position和background-size设置。整体效果是一个红色圆点与红色进度条结合的设计。

2025-05-21 09:26:40 369

原创【FAQ】 Python 连接 Mysql 连接异常退出 Process finished with exit code -1073741819 (0xC0000005)

pythone 连接MySql异常，需要将9.1.0 及以上版本换成 9.0.0。

2025-02-11 15:54:27 213

原创【随记】实现元素自适应缩放

所以我们只需要监听父级容器的宽高变化，计算需要缩放比和位移距离，即可实现容器的自适应缩放，那么我们监听父级容器变化怎么监听呢。受父级的字体大小限制，而字体大小受浏览器厂商限制，有最小字体大小限制（例如谷歌，最小只能12像素）：上文遇到的问题是，在缩放后不能控制容器的空间大小，所以容器的实际宽高肯定是不能动的，而且要使用。：这种方案，他只能控制容器的宽高比例，不能保证缩放后元素的空间大小。那么又要缩放，又要宽高不能动，那要使用什么进行缩放呢？等字体像素，也不能控制元素极小、或极大缩放，因为。

2024-12-16 09:27:07 413

原创上传ssh公钥到目标服务器

【代码】上传ssh公钥到目标服务器。

2024-12-06 21:07:40 507

原创【解决方案】Vue 3 如何手动挂载元素到指定节点

但如果实现多层级弹窗，上面的例子就不适用了，因为如果还是通过一个变量控制一层弹窗，那么无数层弹窗，岂不是要建无数个变量。上面代码执行后会发现，再次挂载的弹窗并未出现，这是因为render不能挂载同样的父节点两次以上，需要先清空挂载，再挂载，如下。而在开发弹窗组件一类组件时，就会遇到需要我们手动创建组件，并挂在到根目录的问题，下面看看问题怎么解决。通过上述分析，所以最终只能通过响应式数据，实现动态渲染，才能避免弹窗重新渲染问题，于是改造如下。通过上面代码可以发现，的确生成了10层弹窗，而且关闭也正常。

2024-12-05 15:41:27 1548

原创【FAQ】使用Node.js 镜像构建本地项目

在nodejs官方并没有提供使用node.js构建本地项目的方法，但是通过阅读官方文档，可以发现，官方在包管理器界面提供了如下语句。参数设置容器工作目录和目录映射（实现本地目录和容器内的工作目录实现实时同步）所以node.js容器是可以执行语句的。下面通过docker 的。代表当前本地工作目录。

2024-12-01 17:18:08 382

原创【解决方案】VITE 忽略指定路径的资源

问题起因是因为项目需要引入服务器端的网络图片而在编写配置时发现，Vite并不支持排除指定前缀的资源唯一可以排外的只有 Rollup 的external选项可以排除外部依赖，但他只能排除外部依赖，不支持指定路径资源或指定前缀的资源，这就。。。。。

2024-11-22 15:03:24 820 1

原创【大前端】为什么需要 v-deep、:deep()

顾名思义：就是指多个组件定义了同样的样式类，但赋值了不同的样式，如果出现污染，那这些样式就会被取并集，应用到同一类元素。

2024-08-26 14:56:03 574

原创【大前端】VUE使用TSX、JSX

在日常开发中，有时会遇到需要动态渲染组件的时候，比如：菜单栏，文件目录而普通的VUE SFC + TS/JS 模式并不能满足，这个时候就需要TSX/JSX了，那么VUE怎么使用TSX/JSX了？

2024-08-19 17:39:27 899

原创【大前端】JavaScript 监听文件选择弹窗关闭事件

在前端文件上传案例中，最常见的就是监听文件选择，而有的时候我们需要知道文件选择框是否已经关闭或点击了取消，传统得change事件只能获取值得更改不能监听取消事件；/*** 选择文件* @returns*///这里用异步是因为：文件选择本身就是异步，因为不确定用户什么时候选择文件//在内存中创建文件选择框//设置属性//点击，弹出文件选择框// 监听当前窗体得聚焦事件// 文件选择框弹出后：window 会触发blur 事件，关闭后会触发focus聚焦事件。

2024-08-16 10:50:17 689

原创【FAQ】为啥MultipartFile 的InputStream available会为0

方法为0的情况，导致在文件上传到Minio后对象大小为0的情况。在Spring boot 文件上传案例中可能会存在获取。获取当前的读取位置判断文件大小的，所以如果。就可以了，通过断点可以发现传进来的。再获取一次输入流就行，因为他会在。通过源码可以看出，他这里继承了。改变了，那么他就有可能获取为0。在介绍问题原因前我们先探究下。方法，所以如果你在调用。

2024-08-05 13:53:49 623

原创【TOOLS】Project 2 Maven Central

配置需要发布的项目中的POM.xml文件。

2024-07-30 14:04:32 927

原创【SOLUTION】Spring Boot 集成 WebSocket

在面对大文件上传时通常遇到无法即时获取上传进度的问题，在没有WebSocket之前都是异步上传，然后通过轮询的方式实时获取上传进度。Spring如果想实现异步方法，需要在方法上添加。注解，并且在启动类或配置类上添加。方法执行，而是立即返回任务id。是异步方法，所以这里不会等待。

2024-07-24 15:17:04 1465 4

原创【TOOLS】Chrome扩展开发

入门案例，可以访问【】查看官方入门教程，这里主要讲解大概步骤。

2024-07-11 16:00:29 1001

原创【大前端】ECharts 绘制立体柱状图

【大前端】ECharts 绘制立体柱状图。

2024-04-30 14:57:16 1321 4

原创【移动端】Flutter 自定义高德地图比例尺

因为高德地图本身的比例尺是默认只能在左下角展示，且样式不能调整，所以在实际开发中会有自定义比例尺的需求通过阅读源码和开发文档会发现，针对Flutter ，高德地图并未开放自定义比例尺的接口。

2024-03-22 11:41:59 807

原创【移动端】Flutter 获取Android AMap实例

本文的背景，是因为我在开发高德地图时，需要自定义高德比例尺位置和样式；但结果查看了AMap Flutter插件和AMap SDK源码后，发现AMap无法添加自定义MyMethodCallHandler的实现类！

2024-03-20 18:17:34 787

原创【大前端】EChart 多系列柱状图绘制背景图

自定义图标适用于任何坐标系，且显示样式可根据需要自定义实现，所以更适用于多系列柱状图绘制背景图的需求自定义图标，起始坐标都是在左上角开始option = {tooltip: {},grid: {},xAxis: [],yAxis: [],series: [},//获取对应类目的axisTick中心点坐标//通过坐标系的宽度和类目数，计算单个类目的背景return {shape: {// 相对左上角坐标},},},name: '直接访问',},

2024-03-05 11:40:03 4624 4