CodingWithAlice

我的一方小天地，如果对你有帮助，那真的太好了

Antd tree从多选改为单选

Antd tree从多选改为单选总结： children 结构 + checkedKeys受控背景：Tree 可以开启多选模式 ‘multiple’，可以选择不同层级需求：只能选择叶子节点方案：根据当前数据结构中是否有 children + checkedKeys 受控关键代码 // 单选 css .checkbox { :global { ...

Posted by CodingWithAlice on May 15, 2025

react-dnd 的使用问题：简易实践、关键名词

react-dnd 的使用问题：简易实践、关键名词总结：建立排查逻辑流：从外向内，先 UI 观察差异/关注任何异常，不要忽略 chrome 工具的价值 - 热区问题的排查 - 直接修改节点/属性值来定位 - 更快速高效 React-dnd 的简易实践：useDrag 记录源数据 id，主要是通过配置 item/type/collect/end -> useDragL...

Posted by CodingWithAlice on April 20, 2025

输入框不失焦导致数据不更新问题

输入框不失焦导致数据不更新问题总结：核心是【React 合成事件 VS 原生事件差异】的实践场景 Antd 为了防抖等性能问题，给 Input 组件的 change 事件触发时机是 onBlur，更新后，会把值同步给 form -> 这个同步过程，它既不是宏任务，也不是微任务，是通过 React 的合成事件的状态更新机制完成的是异步的，并且遵...

Posted by CodingWithAlice on April 13, 2025

MongoDB-和mysql使用对比、引入Nestjs流程

MongoDB-和mysql使用对比、引入Nestjs流程总结：知识点的补充： mongodb 中没有表的概念，对应 mysql 的表 - 是“集合” 没有下划线和驼峰的转换，所以建议集合定义时直接使用驼峰 mysql 中的 findOrCreate = mongodb 中的 findO...

Posted by CodingWithAlice on April 5, 2025

NestJS provider 和 exports 的区别

NestJS provider 和 exports 的区别背景：在 AModule 中引入 BModule 后，无法直接使用 BService 解决方案：在 BModule 中通过 exports 导出 // b.module.ts @Module({ providers: [BService], // 错误以为这个是导出 exports: [BService], // ...

Posted by CodingWithAlice on April 5, 2025

应用批量启动脚本 - 有哪些脚本？windows的hack解法

应用批量启动脚本 - 有哪些脚本？windows的hack解法总结：启动脚本根据环境使用不同的语言，包括 shell.sh、script.ps1、batch.bat 虽然 windows 无法执行 sh shell.sh，但是 hack 一点，只要安装了 git 就可以使用 git bash 带的 sh 指令了背景：多个应用以 svn 管理，启动时单独启动目标：节...

Posted by CodingWithAlice on April 3, 2025

自定义运算符优先级计算

自定义运算符优先级计算 #>$ 问题：给定一个由数字、# 和 $ 组成的字符串，其中 # 的优先级高于 $ 运算规则： a#b：结果为 a * 4 + b * 3 + 2 a$b：结果为 a * 2 + b + 3 最终输出整个表达式的计算结果 1、split + reduce 算法 function numbe...

Posted by CodingWithAlice on March 25, 2025

约瑟夫问题变种 - 标准解法+批量删除解法

约瑟夫问题变种 - 标准解法+批量删除解法问题：100个人为成圈，从 1 - 100 编码，接收输入 M，从第一个人开始报数，报到 M 的人自动退出这个圈，下个人接着从1报数，直到剩余人数少于M，输出剩余人的编码自己写的解法 - 比标准解法性能高核心逻辑：每次都直接删除 M 的倍数 + 记录最后删除的 M 的下一项，移动到数组最前面，形成环状报数 function ci...

Posted by CodingWithAlice on March 25, 2025

最大化最小间隔

最大化最小间隔问题：给定三个输入：可种植的树的数量（n）：需要种植的树木总数坐标点数组（positions）：每个元素表示一个适合种树的位置坐标（一维或二维）必须种植的树木数量（k）：k ≤ n，且 k ≤ positions.length 从 positions 中选择 k 个点种植树木，使得所有相邻树木之间的最小间距尽可能大。最终返回这个最大的最小间...

Posted by CodingWithAlice on March 25, 2025

循环方法与 async/await 的兼容性

循环方法与 async/await 的兼容性场景：forEach 遍历过程中 await 接口返回失效总结： 1、不能和 async/await 一起使用的循环方法：forEach、map、filter、reduce 2、能够和 async/await 一起使用的循环方法：for循环、for-of、for-in 一、好用的异步并行执行的写法...

Posted by CodingWithAlice on March 22, 2025