wusandaofwy的博客

原创 在 React 中实现数学公式显示：使用 KaTeX 和 react-katex

KaTeX 是一个快速、易于使用的 JavaScript 库，用于在 Web 上渲染 TeX 数学公式。性能优异：渲染速度更快，适合实时渲染体积小巧：打包后的体积相对较小无依赖：不依赖其他库样式统一：渲染结果在不同浏览器中表现一致.katex {使用安装依赖导入样式使用组件或编写 LaTeX：使用标准的 LaTeX 数学语法这种方法不仅性能优秀，而且渲染质量高，非常适合在 Web 应用中展示数学内容。无论是学术网站、教育平台还是数据可视化应用，都能很好地满足需求。

原创 《财富自由之路》记录 读后感一

最近开始读这本书最近 感觉 很迷茫 ，工作感觉也马上走下坡路了。有时候睡觉的时候幻想 如果财富自由了，幻想怎么花钱，买京A摩托车牌照，买一辆车带着我的猫环游中国，环游世界等等，回到现实还是一场空，虽然存了几个钱，但是远远达不到财务自由一说；于是决定看看这本书吧，抖音上推荐的，同名的书不少，也问了下ai，说这本书相比李笑来的那本书更偏向实操，在这里记录下阅读感受，避免读了白读（我有这本书的pdf版，有人找不到，想要的话，可以私信我）

原创 日历生成逻辑

比如 获得2025年11月最后一天（也就是11月有几天）比如 获得2025年10月最后一天（也就是10月有几天）

原创 开发python量化交易

开发python量化交易。

原创 开发桌面截图软件（1）

开发桌面截图软件。

原创 GO基础GO基础

/ go语言的goto语句可以实现程序的跳转,goto语句使用场景最多的是程序的错误处理,也就是说当程序出现错误的时候统一跳转到相应的 标签。courseName1 := `go"体系科"` //go"体系科" 不用转义符。goto语句可以让我们的代码跳到指定的代码块中运行 很少使用。2.g0语言是静态语言，要求变量量的类望和赋值类型一致。3.显示指定类型的时候，必须保持常量左右值类型一致。4.批量声明常量时 未赋值的常量，沿用前一个的值。2.不曾使用的常量，没有强制使用的要求。

原创 Windows下使用 Docker 安装MySQL

e MYSQL_ROOT_PASSWORD=root 设置根用户的密码为 root，你可以根据需要更改密码。. Docker Desktop的Containers界面可以查看到容器的详细情况。--name mysql-container 指定容器名称，可以根据需要修改。-p 3306:3306 将容器的 3306 端口映射到主机的 3306 端口。成功后会返回一长串由英文和数字组合起来的字符串，这是容器ID。-d 是表示后台运行。这里使用navicat。

原创 windows docker 配置镜像

【代码】windows docker 配置镜像。

原创 gin学习

自定义全局中间件.Use：注册一个全局中间件。c.Next()：调用后续的处理函数。len(c.Errors) > 0：检查在处理请求过程中是否发生了错误。c.JSON：如果有错误，返回一个HTTP 500状态码和包含错误信息的JSON响应。c.Next() 的作用是调用后续的中间件和处理函数。当执行到 c.Next() 时，Gin会暂停当前中间件的执行，接着去执行后续的中间件和路由函数，等后续的处理完成之后，再返回来继续执行当前中间件里 c.Next() 之后的代码。

原创 gorm学习

GORM的基本使用0.定义 数据表结构体1.打开数据库2.迁移创建数据表3.增加数据4.查询数据5.删除数据。

原创 border-image与 border-radius不兼容​​，border-radius失效解决办法

最稳妥的方法是放弃它，转而使用背景渐变来模拟边框效果。这里border-radius 不生效。​来实现，可以完美兼容。

原创 Refused to display ‘https://example.com/‘ in a frame because it set ‘X-Frame-Options‘ to ‘deny‘.

解决方法，而是提供。只要您自行托管mitm.html页面，这应该有效。修改服务器配置 从。

原创 markdown库 npm

"mermaid": "^11.9.0", mermaid图表。"katex": "^0.16.22", 数学公式。

原创 echarts显示所有刻度

如果设置为 1，表示『隔一个标签显示一个标签』，如果值为 2，表示隔两个标签显示一个标签，以此类推。第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 false。可以用数值表示间隔的数据，也可以通过回调函数控制。坐标轴刻度标签的显示间隔，在类目轴中有效。默认会采用标签不重叠的策略间隔显示标签。可以设置成 0 强制显示所有标签。interval设置为0。

原创 ​​伪元素::before、::after不能直接添加 :hover 事件

浏览器的事件系统仅作用于真实 DOM 元素。伪元素作为样式层的一部分，无法独立触发事件。）是 CSS 生成的虚拟节点，不属于 DOM 树，因此​。）是虚拟元素，无法独立响应交互事件。​间接控制伪元素的样式。

原创 GO注意点

把slice 当成 可变数组。

原创 React智能Tooltip封装术：精准检测文本溢出，告别无效提示！

{

原创 前端 cookie 使用

【代码】前端 cookie 使用。

原创 神策埋点使用

【代码】神策埋点使用。

原创 umi项目 路由跳转 页面滚动到顶部

【代码】umi项目 路由跳转 页面滚动到顶部。

原创 curso把工具侧边栏改为纵向（vscode那样）

原创 GO启动一个视频下载接口 前端可以边下边放

这里简单使用html。

原创 GO 启动 简单服务

创建 api_test.http 文件。点击 main函数 旁边绿色启动按钮。终端中输入以下代码执行。

原创 动态下载文件读取其中文本responseType: ‘blob‘；reader.readAsText(blob, ‘utf-8‘)

【代码】动态下载文件读取其中文本。

原创 Windows 11的开始菜单调整为左下角布局

原创 安装goland

【代码】安装goland。

原创 Tailwind 设置 max-h-*和 overflow-y-auto 时，内容未溢出，滚动条出现

为滚动容器指定固定高度而非仅依赖。

原创 video 标签如何让 跳转进度条 不触发 pause 暂停事件?

播放器上面的 seeking 属性，他是一个只读属性，用来表示播放器是否正在寻找新的播放位置，当拖动进度条产生的 pause 时，这里会表示为 true ，所以可以用下面的方式来直接处理了。

原创 前端如何下载 ‘Content-Type‘: ‘application/octet-stream‘ 的文件

在前端开发中，经常会遇到需要从后端接口下载文件的需求。当后端返回的响应头中为时，表示这是一个二进制流文件，浏览器无法直接展示，需要前端处理后下载到本地。本文将详细介绍前端处理这种文件下载的几种方法及注意事项。前端下载​​设置正确响应类型​​：请求时必须设置​​Blob转换​​：将响应数据转换为Blob对象​​触发下载​​：通过创建a标签和ObjectURL实现下载​​资源清理​​：下载完成后释放ObjectURL​​错误处理​​：处理可能的JSON错误响应​​兼容性​。

原创 Windows蓝屏救星：手把手教你分析Minidump文件找出真凶

你是否在玩游戏、办公或观看视频时突然遭遇蓝屏？那个显示着“😢 你的设备遇到问题”的蓝色屏幕后面隐藏着一个关键线索——中的神秘文件。本文教你化身数字侦探，揪出蓝屏幕后黑手！

原创 Go基础一(Maps Functions 可变参数 闭包 递归 Range 指针 字符串和符文 结构体)

/1.创建map make(map[键类型]值类型)//2.设置键值对 name[key]=value//3. name[key]获取键值//3.1 key不存在 则返回 0//4.len()方法 返回 map 上 键值对数量 len(name)//5.delete()方法 从map中删除 键值对 delete(name,key)//6.clear()方法 map中删除所有键值对 clear(name)//7.map获取值时，可选第二个返回值，第二个值表明map中是否有该键名。

原创 解决 React 中 ECharts 的 “There is a chart instance already initialized on the dom“ 警告

/ 初始化或更新图表if (!// 处理窗口大小变化.resize();.dispose();在 React 中使用 ECharts 时，正确处理图表实例的生命周期是关键。在重新渲染前销毁旧实例在组件卸载时清理资源使用 useMemo 优化性能正确处理窗口大小变化等边缘情况可以避免 “There is a chart instance already initialized on the dom” 警告，并确保图表在 React 应用中稳定运行。

原创 react antd 项目报错Warning: Each child in a list should have a unique “key“prop

加上key 即可 ，注意加在最外层。

原创 实现 ECharts 图表响应式布局：基于 ResizeObserver 的终极方案

通过的组合方案，可实现精准、高效、安全的图表自适应效果。此方案已在实际项目中验证，支持多场景动态布局，推荐作为 ECharts 响应式开发的标配方案。扩展阅读•ECharts 官方自适应文档•ResizeObserver API 详解效果演示希望这篇博客能帮助开发者彻底解决 ECharts 自适应难题！🚀。

原创 盒子高度 如果是 fit-content 高度动态变化的时候 transtion 动画不生效 通过 FLIP 方法实现

使用 ​FLIP 动画技术 可以优雅地解决动态高度变化的过渡问题，无需预设 max-height。FLIP（First, Last, Invert, Play）通过 ​JavaScript 动态计算尺寸变化，结合 CSS 变换（Transform）实现平滑过渡。​Invert：计算初始到最终的变化量，用 transform 反转（让元素看似回到初始状态）// 4. Invert：计算反转变换。​Last：触发变化后，记录最终状态。// 6. Play：触发过渡动画。的值是动态计算的，浏览器无法对。

原创 react 中 key 的使用

正确使用 key 可以使列表操作的性能提升 3-5 倍（React 官方数据），特别是在处理大型动态列表时，这是 React 开发必须掌握的核心优化技巧。确保动态列表中的组件状态（如输入框内容、勾选状态）与正确元素绑定，避免列表顺序变化导致状态错乱。修改 key 值会强制组件重新挂载（相当于删除旧元素 + 创建新元素）优先使用数据本身存在的唯一标识符（如数据库 ID、UUID）key 只需在兄弟节点间唯一，不同列表可重复使用。与可能变化的属性（如排序方式）绑定。

原创 三.Go的第一个程序hello.go

表示:引入一个包，包名 fmt,引入该包后，就可以使用 fmt包的函数，比如:fmt.Println。表示该 hello.go 文件所在的包是 main,在 go 中，每个文件都必须归属于一个包。表示调用 fmt包的函数 Printin 输出“hello,world。main 是函数名，是一个主函数，即我们程序的入口。编译成功同级目录下生成 同名exe文件。控制台终端为hello.go同级目录。

原创 6个月的Go语言学习甘特图路线图 从零基础到项目实战

以下是为期6个月的Go语言学习甘特图（2025年4月-2025年10月），包含详细阶段划分、对应资源及项目产出文档说明：fill:#333;fill:#333;stroke:red;important;important;important;important;important;fill:red;important;important;fill:#333;04-0105-0106-0107-0108-0109-0110-01开发环境配置语法基础标准库实战并发编程Web开发基础。

原创 go语言学习教程推荐,零基础到做项目

嗯，用户想要学习Go语言，从零基础到能做项目，需要推荐教程。首先，我得考虑用户的学习路径。零基础的话，可能需要先了解基础语法，然后逐步深入，最后做项目。可能需要分阶段推荐资源。首先，用户可能对Go语言完全不了解，所以基础部分很重要。官方文档和教程肯定是必须的，比如Go官网的Tour of Go，适合入门。然后是一些书籍，比如《Go语言圣经》和《Go语言实战》，这些书评价不错，适合系统学习。接下来是进阶内容，用户可能想了解并发编程、标准库这些。许式伟的《Go语言程序设计》和《Go语言高级编程》应该有用。

原创 Promise.all() 和 Promise.allSettled()的区别

适合“全有或全无”场景，任一失败则整体失败。：适合需要容忍部分失败并获取完整结果的场景。