wusandaofwy的博客

原创 opencode 安装 使用

OpenCode AI 安装与使用指南 安装：通过Bun安装OpenCode以避免npm版本冲突，使用bun install -g opencode-ai命令安装，opencode --version验证安装成功。 基本使用： 进入项目目录后执行opencode启动 /models查看可用AI模型 支持文件引用(@文件名)和命令执行(!命令) 常用命令： 会话管理：/new新建、/sessions切换 功能操作：/export导出对话、/editor外部编辑 快捷键：ctrl+x为默认前缀键，支持快速压缩、

原创 安装Claude命令行

本文介绍了Claude命令行工具的安装与使用指南。主要内容包括：1）通过npm全局安装claude-code工具包；2）配置API访问权限，包括获取不同平台的API Key和创建配置文件；3）启动交互环境并处理模型不可用问题，提供切换模型的命令示例；4）交互式问答示例演示。文中强调了注意事项：不同平台支持的模型可能不同，需确保配置匹配，并妥善保管API密钥。

原创 滚动条上下按钮隐藏不生效的原因与修复（::-webkit-scrollbar-button）

摘要：在自定义滚动条样式时，::-webkit-scrollbar-button { display: none; } 有时不生效。原因可能是滚动容器同时设置了 scrollbar-width/scrollbar-color 标准属性，导致 WebKit 伪元素样式受影响。解决方案是在目标元素上重置标准属性为 auto（如 scrollbar-width: auto !important），确保 ::-webkit-scrollbar* 规则正常工作。文中提供了完整修复代码示例，包括隐藏按钮的多重保险写法，

原创 ECharts Legend：让图标和文字垂直居中对齐（rich + padding）

本文针对ECharts图例(Legend)中图标与文字垂直对齐问题，提出rich+padding的解决方案。分析指出问题本质是文字baseline对齐与图标几何中心不一致导致视觉偏差。通过formatter将文本包装为rich token，结合textStyle.rich的verticalAlign:middle属性，最后用padding进行1-2像素微调（如padding:[0,0,-2,0]）。文章提供了具体配置示例和调参顺序建议：先定icon尺寸，再设lineHeight接近itemHeight，最后

原创 Go 本地启动踩坑：为什么 `go run main.go` 会报 `undefined`？

undefined。

原创 踩坑记录：GitLab SSH 拉取失败，竟是权限问题在作祟

核心原因：GitLab SSH 拉取失败，提示，很可能是本地私钥文件id_rsa的权限设置过宽（如 644），导致 SSH 客户端出于安全考虑拒绝使用该密钥。解决步骤使用修正私钥权限。使用修正目录权限。用验证连接。预防建议生成 SSH Key 后，养成检查权限的习惯。不要随意修改.ssh目录及其内部文件的权限。私钥id_rsa是敏感信息，绝对不能泄露给他人。希望这篇踩坑记录能帮到遇到同样问题的朋友，避免在权限问题上浪费太多时间。

原创 渐变背景(linear-gradient)为什么无法直接 transition？以及如何用颜色变量解决

摘要：渐变背景无法直接通过CSS的transition实现平滑过渡，因为浏览器将渐变视为图片而非可插值的颜色属性。传统解决方案包括伪元素叠加（通过opacity过渡）或改变渐变位置/尺寸。更优方案是使用CSS变量配合@property注册颜色类型变量：先定义颜色变量替换渐变中的颜色值，再通过@property声明变量为<color>类型使其可动画。该方法支持多重渐变场景，在Less等预处理器中同样适用，最终实现渐变背景的颜色平滑过渡效果。

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

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

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

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

原创 日历生成逻辑

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

原创 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：触发过渡动画。的值是动态计算的，浏览器无法对。