笔记列表-低调大师优秀个人博客

文章列表

共 223334 篇

2026-10-07

JavaScript 中的 AbortController：如何优雅地取消异步任务

在开发搜索框实时联想、文件上传进度控制或页面切换时中断数据请求等功能时，我们经常需要取消已经发出但不再需要的异步操作。以前用 XMLHttpRequest 可以直接调用 abort()，但换到 fetch 或一些返回 Promise 的异步函数后，取消就变得棘手。很多人在组件卸载后仍收到 setState 警告，或者因为旧请求覆盖新请求导致界面显示错误数据，...

阅读约45分钟

2026-10-07

用 AbortController 取消 fetch 请求时，为什么 catch 里拿不到 abort 原因？

在单页应用里，搜索框输入联想、路由切换取消未完成请求、组件卸载时终止轮询，这些场景都会用到 AbortController 来取消 fetch。但实际写下来经常遇到一个别扭的地方：调用 controller.abort() 之后，.catch(err => ...) 里拿到的 err 是一个 DOMException，name 是 AbortError，me...

阅读约44分钟

2026-10-07

别再用 JSON.parse(JSON.stringify()) 深拷贝了：循环引用、Date、RegExp 全给你整没了

处理嵌套对象的时候，很多人习惯用 JSON.parse(JSON.stringify(obj)) 来做深拷贝。这个写法确实够短，一行搞定，日常传个配置对象、拼个请求参数看起来也没出过什么问题。但只要对象里出现 Date、RegExp、Map、Set，或者存在循环引用、undefined、函数、Symbol 这类值，它就开始悄悄丢数据。拷贝出来的结果不是报错就...

阅读约39分钟

2026-10-07

节点执行方式的设计规范：从枚举属性到运行时调度

多数 BPM 产品会拆成「用户任务 / 服务任务 / 脚本任务 / 定时器」多类节点。该 BPM 平台的做法不同：节点形态不变，只改「节点的执行方式」。设计器上仍是同一个节点图形，属性面板上仍是同一个下拉框。低代码人员改枚举，高代码人员改事件，两者共享同一套发送引擎。

阅读约14分钟

2026-10-07

别急着用 `structuredClone`，这些坑你踩过几个？

页面里有一个复杂的配置对象，嵌套了多层数组和对象，还混着 Date、Map 和函数。你想深拷贝一份用来做撤销栈，顺手写了 structuredClone(config)，结果控制台直接抛出一个 DataCloneError，因为对象里包含了一个 function。这不是 structuredClone 的 bug，而是它的设计边界。浏览器原生提供的 stru...

阅读约41分钟

2026-10-07

从一次"发起工程"看调用链：工程管理模块的目录结构与关键方法

业务不要写在 Vue 里拼 SQL，也不要写在 Handler 里堆逻辑。Handler 只接参数、转 JSON；真正干活的是工程接口类。

阅读约22分钟

2026-10-07

lightcraft：纯 Rust 重写的 RAW 照片开发工具

LightCraft 是一个纯 Rust 实现的开源 RAW 照片开发与管理工具，定位为 Adobe Lightroom 的清洁室重实现。

阅读约21分钟

2026-10-07

#WorkBuddy# #AI办公# 开市前 24 小时预演：把 10/1 写下的恢复检查清单逐项跑完，11 个任务排期零漂移

10 月 8 日就要开市了。我在 10 月 1 日的调度体检篇里，给 11 个自动化任务盘出了一份假期空转预测，文末附了一份「开市日恢复检查清单」。10 月 2 日我又用真实执行记录校验了那份预测。但体检和校验都发生在假期中段——清单本身，还一次都没真正跑过。假期最后一天（10/7），我决定做一次开市前 24 小时预演：把检查清单逐项执行一遍，确认明天开市后...

阅读约9分钟

2026-10-07

海量数据下的分库分表：优化思路、利弊与四种拆分方式

流量包业务模型与数据量预估简介：梳理账号服务里流量包的业务模型，预估数据量，引出分库分表的需求业务模型创建短链要消耗流量包，流量包是对外售卖的商品，可以叠加购买一个用户会有多条流量包记录，类似订单记录流量包商品 | 商品 | 每天可创建 | 有效期 | | --- | --- | --- | | 流量包一 | 5 次 | 1 个月 | | 流量包二...

阅读约21分钟

2026-10-07

录音声音太小与爆音的增益调整方法

录音声音小，应该先判断是文件本身太小，还是耳机播放音量低；录音出现爆音，则要确认过载发生在录制时，还是后期效果里。耳机音量、输入增益和软件轨道音量处在不同环节，调错位置，问题就会一直存在。

阅读约4分钟

2026-10-07

如何用 Python 计算 ROC 变动率指标做动量分析？

一句话回答： ROC（Rate of Change，变动率）就是「当前价相对 N 日前价的涨跌幅百分比」，公式 ROC = (close / close.shift(N) - 1) × 100。用 AlphaFeed 取回前复权日线后，一行 pandas 就能算出 ROC，用来衡量动量强弱、识别零轴穿越与顶底背离，还能对全市场做动量排名——完全不需要 TA-...

阅读约10分钟

2026-10-07

#WorkBuddy# 30 万行脏 CSV，一条流水线跑完归一/去重/补全/异常剔除/聚合

做数据的人都有同感：真正耗时间的不是分析，是"把数据弄干净"。一份从系统导出的 CSV，往往同时带着六种毛病——缺失、重复、格式不统一、异常值、空白字符、字段口径不一致。手动开表格一列列改，30 万行够改一整天。

阅读约9分钟

2026-10-07

袋鼠数据库工具 v9.9.1 版已上线

袋鼠数据库工具是一款 AI 驱动的热门数据库系统客户端(MariaDB / MongoDB / MySQL / Oracle / PostgreSQL / Redis / SQLite / SQLServer / …) ，支持建表、查询、模型、同步、导入导出等功能，支持 Windows / Mac / Linux 等操作系统，致力于打造一款好...

阅读约3分钟

2026-10-07

孤儿 tool_call：对账补漏

「手写中文版 claude code」教学系列：codeAgent 是我从零手写的 claude code 复刻——不套壳不翻译，从界面到 Agent 主循环一行行实现，注释全是中文大白话，适合当 Agent 开发教材从头读到尾。上一课解决了"合并着端回去"；这一课处理端回去之前的对账——压缩和裁剪会把「调用↔结果」拆散，拆散了就是 400。仓库：htt...

阅读约5分钟

2026-10-07

从一次页面卡顿排查说起：理解浏览器的主线程与长任务

上周同事反馈一个后台管理页面在点击「导出报表」后，整个界面会冻结两三秒，按钮点不动，下拉框也打不开。这个页面本身并不复杂，只是从接口拉几千条数据然后渲染到表格里，但卡顿程度完全不像几千行 DOM 该有的表现。打开 Performance 面板录制后发现，主线程上出现了一个接近 2 秒的 Long Task，期间没有任何渲染机会，用户的任何交互都被阻塞。这类问...

阅读约38分钟

2026-10-07

React 闭包陷阱：为什么你的定时器里拿不到最新的 state？

在 React 函数组件里，如果你在 useEffect 中启动了一个 setInterval，并且在回调里读取某个 state，十有八九会发现回调里拿到的永远是初始值。这不是 bug，而是 JavaScript 闭包和 React 渲染机制共同作用的结果。函数组件每次渲染都会创建全新的作用域，每个作用域里的 state 和 props 都是那一次渲染时的快...

阅读约22分钟

2026-10-07

Vue 3 中 v-model 在自定义组件上的类型推断问题与解法

用 Vue 3 + TypeScript 写业务组件时，v-model 的类型检查经常让人头疼。比如封装一个 UserSelect 组件，父组件传 v-model:user，期望类型是 User | null，但 TS 有时把 user 推断成 any，或者把 update:user 事件的参数也变成 any，导致子组件里 emit('update:user...

阅读约37分钟

2026-10-07

用 IntersectionObserver 替代滚动事件：解决页面卡顿与图片懒加载的实战方案

页面滚动时监听 scroll 事件做懒加载、动画触发或吸顶效果，是很多项目里的常规做法。但滚动事件触发频率极高，如果在回调里直接读取 getBoundingClientRect() 或修改 DOM，很容易造成掉帧，尤其在低端安卓机上滑动会明显发涩。早期常见优化是加节流，但节流时间设长了效果滞后，设短了依旧频繁计算。IntersectionObserver 提...

阅读约40分钟

2026-10-07

JavaScript 中 Array.prototype.sort 的稳定性与比较函数陷阱

最近在重构一个数据表格组件时，遇到一个看似简单却折腾了半天的 bug：明明按状态和时间排序，结果分页后部分行顺序乱跳。排查后发现根源是 Array.prototype.sort 的默认行为与比较函数返回值处理。在 V8 引擎中，数组长度小于等于 10 时使用插入排序，大于 10 时使用快速排序，而快速排序在旧版 V8 中是不稳定的。虽然 ES2019 已经要...

阅读约36分钟

2026-10-07

用 IntersectionObserver 替代滚动监听：更准、更省、更简单

页面里做懒加载、无限滚动、元素曝光埋点、吸顶导航切换时，很多项目第一反应还是给 window 挂一个 scroll 事件监听，在回调里用 getBoundingClientRect() 或者 offsetTop 判断元素是否进入视口。这个做法能跑，但代价不小：滚动事件触发频率极高，哪怕加了节流，每次回调仍然可能触发同步布局计算，导致样式重算和绘制排队；如果判...

阅读约40分钟

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

文章列表

JavaScript 中的 AbortController：如何优雅地取消异步任务

用 AbortController 取消 fetch 请求时，为什么 catch 里拿不到 abort 原因？

别再用 JSON.parse(JSON.stringify()) 深拷贝了：循环引用、Date、RegExp 全给你整没了

节点执行方式的设计规范：从枚举属性到运行时调度

别急着用 `structuredClone`，这些坑你踩过几个？

从一次"发起工程"看调用链：工程管理模块的目录结构与关键方法

lightcraft：纯 Rust 重写的 RAW 照片开发工具

#WorkBuddy# #AI办公# 开市前 24 小时预演：把 10/1 写下的恢复检查清单逐项跑完，11 个任务排期零漂移

海量数据下的分库分表：优化思路、利弊与四种拆分方式

录音声音太小与爆音的增益调整方法

如何用 Python 计算 ROC 变动率指标做动量分析？

#WorkBuddy# 30 万行脏 CSV，一条流水线跑完归一/去重/补全/异常剔除/聚合

袋鼠数据库工具 v9.9.1 版已上线

孤儿 tool_call：对账补漏

从一次页面卡顿排查说起：理解浏览器的主线程与长任务

React 闭包陷阱：为什么你的定时器里拿不到最新的 state？

Vue 3 中 v-model 在自定义组件上的类型推断问题与解法

用 IntersectionObserver 替代滚动事件：解决页面卡顿与图片懒加载的实战方案

JavaScript 中 Array.prototype.sort 的稳定性与比较函数陷阱

用 IntersectionObserver 替代滚动监听：更准、更省、更简单

资源下载

Mario

腾讯云软件源

Nacos

WebStorm

欢迎您来访！