wusandaofwy的博客

原创 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()的区别

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

原创 go前后端开源项目go-admin,本地启动

go mod tidy会整理依赖，下载缺少的包，移除不用的，并更新go.sum。安装失败改一下node版本,建议使用nvm控制版本。config/setting.yml 修改如下。还是报错,参考上面issue解决,再npm i。修改为自己的user 密码和dbname。Windows下安装MySQL)MySQL已安装,推荐教程。这个错误通常是由于 ​。

原创 ​二.VS Code Go 开发配置

已安装。

原创 一.Go 语言环境安装

go version。

原创 React的TSX中如何同时使用CSS模块的类名和字符串类名

【代码】React的TSX中如何同时使用CSS模块的类名和字符串类名。

原创 Uncaught SyntaxError: await is only valid in async functions and the top level bodies of modules

正常。

原创 react覆盖组件样式，不影响其他地方相同类名的组件

【代码】react覆盖组件样式，不影响其他地方相同类名的组件。

原创 前端 github 项目拉取 启动出错一些列问题记录

在项目的 ​.env.local​ 文件中添加一个安全的随机字符串作为。在 Auth.js 的配置文件（如。

原创 github 部署前端静态网页（react vite）

新建github仓库后根据提示把本地仓库推送到github仓库注意需要网络通畅。

原创 vite react 项目打包报错处理

【代码】vite react 项目打包报错处理。

原创 谷歌浏览器离线安装包下载

各版本离线包直链​（截至2025年2月24日更新）：

原创 umi4+ Ant Design Pro 项目 明暗主题切换

在global.less定义不同变量，在切换时，切换根元素类名，实现css变量切换，达到明暗变换效果:root {//暗色主题变量body {在第二步的主题切换按钮中加上更改根组件类名，来切换变量//更改类名}, []);//更改类名。