
随记
Space Chars
技术没有界限
展开
-
【SOLUTION】Java 生成 TOTP 验证码
本文介绍一次性密码服务(OTP),重点讲解基于时间的TOTP实现方式。TOTP相比HOTP更常用,只需客户端和服务端时间同步即可。文章提供了Java代码示例,展示如何通过共享密钥、时间窗口和HMAC-SHA1算法生成6位验证码。同时指出TOTP二维码应包含颁发组织、用户名和共享密钥三个要素,格式为otpauth://totp/{issuer}:{account}?secret={secretKey}&issuer={issuer}。特别强调每次重置TOTP绑定都应重新生成共享密钥,以确保安全性。原创 2025-05-29 17:04:36 · 147 阅读 · 0 评论 -
【大前端】使用NodeJs HTTP模块创建web服务器、SSE通讯
expressexpressexpress本文介绍NodeJs 内置模块。原创 2025-05-21 09:41:29 · 511 阅读 · 0 评论 -
【随记】格式化文件大小
该代码定义了一个 formatFileSize 函数,用于将文件大小格式化为更易读的单位(如 B、KB、MB 等)。首先,通过 Math.log 和 Math.floor 计算文件大小的最小次方数 multiple,确定其所属的单位。然后,根据文件大小是否小于 1024 字节,决定是否进行格式化:若小于 1024 字节,直接返回原始大小;否则,将文件大小除以对应单位的字节数,并保留两位小数。最后,通过 multiple 索引单位字符,返回格式化后的字符串。原创 2025-05-21 09:36:10 · 154 阅读 · 0 评论 -
【大前端】使用纯CSS实现进度条
这段CSS代码通过radial-gradient和linear-gradient创建了一个带有圆点的进度条效果。radial-gradient用于绘制圆点,通过白色填充内部,红色绘制边框,并使用transparent使其余部分透明。两个linear-gradient分别用于绘制进度条和背景填充色。background属性中,前面的图层会覆盖后面的图层,圆点的偏移和进度条的宽度分别通过background-position和background-size设置。整体效果是一个红色圆点与红色进度条结合的设计。原创 2025-05-21 09:26:40 · 374 阅读 · 0 评论 -
【随记】实现元素自适应缩放
所以我们只需要监听父级容器的宽高变化,计算需要缩放比和位移距离,即可实现容器的自适应缩放,那么我们监听父级容器变化怎么监听呢。受父级的字体大小限制,而字体大小受浏览器厂商限制,有最小字体大小限制(例如谷歌,最小只能12像素):上文遇到的问题是,在缩放后不能控制容器的空间大小,所以容器的实际宽高肯定是不能动的,而且要使用。:这种方案,他只能控制容器的宽高比例,不能保证缩放后元素的空间大小。那么又要缩放,又要宽高不能动,那要使用什么进行缩放呢?等字体像素,也不能控制元素极小、或极大缩放,因为。原创 2024-12-16 09:27:07 · 414 阅读 · 0 评论 -
上传ssh公钥到目标服务器
【代码】上传ssh公钥到目标服务器。原创 2024-12-06 21:07:40 · 513 阅读 · 0 评论 -
【解决方案】Vue 3 如何手动挂载元素到指定节点
但如果实现多层级弹窗,上面的例子就不适用了,因为如果还是通过一个变量控制一层弹窗,那么无数层弹窗,岂不是要建无数个变量。上面代码执行后会发现,再次挂载的弹窗并未出现,这是因为render不能挂载同样的父节点两次以上,需要先清空挂载,再挂载,如下。而在开发弹窗组件一类组件时,就会遇到需要我们手动创建组件,并挂在到根目录的问题,下面看看问题怎么解决。通过上述分析,所以最终只能通过响应式数据,实现动态渲染,才能避免弹窗重新渲染问题,于是改造如下。通过上面代码可以发现,的确生成了10层弹窗,而且关闭也正常。原创 2024-12-05 15:41:27 · 1568 阅读 · 0 评论 -
【大前端】为什么需要 v-deep、:deep()
顾名思义:就是指多个组件定义了同样的样式类,但赋值了不同的样式,如果出现污染,那这些样式就会被取并集,应用到同一类元素。原创 2024-08-26 14:56:03 · 577 阅读 · 0 评论 -
【大前端】VUE使用TSX、JSX
在日常开发中,有时会遇到需要动态渲染组件的时候,比如:菜单栏,文件目录而普通的VUE SFC + TS/JS 模式并不能满足,这个时候就需要TSX/JSX了,那么VUE怎么使用TSX/JSX了?原创 2024-08-19 17:39:27 · 906 阅读 · 0 评论 -
【大前端】JavaScript 监听文件选择弹窗关闭事件
在前端文件上传案例中,最常见的就是监听文件选择,而有的时候我们需要知道文件选择框是否已经关闭或点击了取消,传统得change事件只能获取值得更改不能监听取消事件;/*** 选择文件* @returns*///这里用异步是因为:文件选择本身就是异步,因为不确定用户什么时候选择文件//在内存中创建文件选择框//设置属性//点击,弹出文件选择框// 监听当前窗体得聚焦事件// 文件选择框弹出后:window 会触发blur 事件,关闭后会触发focus聚焦事件。原创 2024-08-16 10:50:17 · 694 阅读 · 0 评论 -
【随记】QQ邮箱账号异常登录
QQ邮箱账号异常登录原创 2020-11-04 21:47:39 · 2859 阅读 · 1 评论