wusandaofwy的博客

原创 Maps，

/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 {在第二步的主题切换按钮中加上更改根组件类名，来切换变量//更改类名}, []);//更改类名。

原创 react杂乱笔记2

多类名,判断处理。

原创 react杂乱笔记(一)

Hook 不能在组件函数的顶级作用域之外（比如在普通的 JavaScript 函数或者模块的最外层）被调用。这是因为 Hooks 的设计规则是它们必须在 React 函数组件或者自定义 Hook 内部调用。注意react 中类名规定为 className="",不要在vscode中执行命令,在cmd 中可以执行。搜索reportWebVitals,把useState,移入到组件函数里。和原生html相同方式。在 React 中，

原创 【无标题】

【代码】【无标题】

原创 【rust杂乱笔记2】

【代码】【rust杂乱笔记2】

原创 【rust杂乱笔记】

code . 打开vscode。

原创 sui move杂乱笔记

原创 离散数学重点复习

1.集合是不能精确定义的基本数学概念.通常是由指定范围内的满足给定条件的所有对象聚集在一起构成的2.制定范围内的每一个对象称为这个集合的元素3.固定符号如下:N:自然数集合Z:整数集合Q:有理数集合R:实数集合C:复数集合4.集合中的元素是唯一确定并可以加以区分的对象,即集合中元素是互异且无序的定理1.2.1(外延性原理) 两个集合A和B相等,当且仅当它们的元素完全相等,记为A=B,否则A≠B定理1.2.3 (1)空集是一切集合的子集;(2)空集是绝对唯一的。

原创 3.task1 suimove helloword 上链

水龙头”通常指的是一种分发加密货币或代币的机制，尤其是通过小额赠送或奖励的方式来吸引用户参与。网络问题 ，切换为国内源。move.toml中修改。

原创 2.初始sui move

文件是一种配置文件格式，使用 "Tom's Obvious, Minimal Language"（TOML）的语法。它主要用于定义和存储配置数据，特别是在应用程序和库的设置中。TOML 文件通常具有易读性和结构化，支持多种数据类型，如字符串、整数、浮点数、布尔值、日期和数组等。TOML 文件通常用于 Python、Rust 等编程语言的项目中，作为配置管理的工具。创建新项目 sui move new vscode安装move插件。查看sui 客户端版本号。

原创 1.安装sui move （win）

个人系统： win10架构: x86。

原创 【Java笔记】03idea_运算符

1.概述:开发工具2.特点:a.idea是java写的,所以本地上必须有正确的jdk环境(JAVA_HOME)b.idea自动保存c.不用我们打开dos命令窗口执行javac和java命令d.idea有强大的快捷键,生成代码,纠错等e.idea会自动管理我们写的代码3.相关开发工具:eclipse myeclipse4.作用:加速我们的开发。

原创 C语言题目练习(二)

【问题描述】编写一个函数sum(i),将输入的整形参数i（i>0）的各位求和，返回求和结果。在main()函数中测试此函数，从键盘输入整数n（n∈[1,20]），然后再输入n个非负整数，对于每一个非负整数调用sum函数求各位数和，将结果输出到屏幕。【输入形式】从键盘输入一个正整数n，然后再输入n个非负整数。【输出形式】在屏幕上分别输出n个非负整数的各位之和，并用一个空格隔开各个整数的和。【输入样例】42345670999999000432【输出样例】

原创 nginx.conf配置详解

【代码】nginx.conf配置详解。

原创 electron进程间通信

Electron 应用程序的结构非常相似。和。这类似于上文所述的 Chrome 的浏览器和渲染器进程。

原创 css问题集锦

1.flex,布局,不被压缩,超过父级部分显示滚动条。3.行的宽度固定，滚动超过固定行的宽度时，样式出错。2.设置顶部左部固定。

原创 3.python安装Selenium框架

查看是否换源成功。

原创 2.vscode 配置python开发环境

vscode用着习惯了,也不想再装别的ide。

原创 1.python安装

检查是否已经安装python

原创 electron截图 并选择目录存储

在这里插入代码片。