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

文章列表

共 225693 篇

2026-10-06

SAP Spartacus 的 lazy load feature Module

把 Spartacus 的 Mini Cart 功能注册成一个可按需加载的 Feature Module。只有当 Spartacus 真正需要 MINI_CART_FEATURE 时，才动态下载 @spartacus/cart/base/components/mini-cart 对应的 JavaScript chunk，并创建其中的 MiniCartModu...

阅读约37分钟

2026-10-06

SAP Spartacus 的 lazy load Component

SAP Spartacus 同时提供 CMS Component Lazy Load 和 Feature Module Lazy Load，背后的核心意图其实是一致的：

阅读约32分钟

2026-10-06

以太网为什么规定最小帧长为 64 字节，真正决定它的不是报文格式，而是碰撞传播时间

在 Wireshark、交换机端口统计或者网络性能测试工具里，经常会碰到一个很经典的数字，64 Bytes。做网络考试题时，它往往被直接记成「以太网最小帧长」，很多教材也会进一步告诉我们，以太网有效载荷不够 46 Bytes 时需要进行填充。

阅读约32分钟

2026-10-06

IPv6 首部到底多少字节，40 字节背后的结构、扩展首部与 MTU 计算

如果是在计算机网络考试、协议分析、Wireshark 抓包或者网络程序开发中看到这样一道问题，IPv6 首部多少字节，最直接的答案只有一个

阅读约31分钟

2026-10-06

从电话到 WAV 文件，PCM 如何把连续声音变成计算机可以处理的数字

把一支麦克风接到计算机上，对着麦克风说一句话，操作系统很快就能得到一串数字。把这些数字保存下来，可以形成 WAV 音频文件。把它们送给扬声器，声卡又能重新生成连续变化的电压，最终推动扬声器振膜，还原成人耳能够听到的声音。

阅读约27分钟

2026-10-06

从一根电话线到覆盖全球的交换网络，彻底理解 PSTN 网络如何工作

家里如果还保留着传统固定电话，会看到一个很有意思的现象。电话机并没有像计算机那样配置 IP Address，没有设置默认网关，也没有运行 TCP/IP 协议栈。拿起听筒后，耳边会出现拨号音，按下电话号码，对方的电话很快开始振铃。对方拿起听筒以后，两边就获得了一条能够连续通话的语音通道。

阅读约26分钟

2026-10-06

Node.js 中遇到 CPU 密集型任务时，worker_threads 到底该怎么用？

有一次接口响应突然从 30ms 涨到 2s，排查后发现是一个看似普通的图片元数据解析接口在作祟。这类接口里藏着同步的解析逻辑，单次处理几百 KB 图片时 CPU 占用直接拉满，Node.js 主线程被卡住，所有后续请求都在排队。类似场景还有敏感词匹配、大型 JSON 格式化、加解密、PDF 内容提取等，它们共同点是计算时间长、几乎不涉及 I/O。把这类任务放...

阅读约41分钟

2026-10-06

用 AbortController 取消过期请求，避免竞态条件导致数据错乱

在搜索框联想、路由切换或重复提交的场景里，经常会遇到一个接口还没返回、又发起了新请求的情况。如果后发的请求先回来，界面可能被旧数据覆盖；如果先发的请求后回来，又会把新数据冲掉。这种竞态条件在前端并不少见，尤其在输入框实时搜索、切 tab 拉不同列表、或者弹窗打开时加载详情时容易复现。常见做法是用一个 flag 标记当前请求是否还有效，或者比较时间戳，但写多了...

阅读约40分钟

2026-10-06

一个 replace 为什么能修复 Windows 构建失败，深入拆解这段 glob 路径修复补丁

我们今天正在分析的这个 .patch 文件，真正改动的 TypeScript 代码只有几行。表面上看，它只是把一个 Windows 路径里的反斜杠 \` 替换成正斜杠 /`，甚至很容易让人产生一种感觉，这是不是纯粹为了统一代码风格。

阅读约32分钟

2026-10-06

TypeScript 中的 unknown 与 any：什么时候该用哪个？

在维护一些年代较久或者从 JavaScript 迁移过来的 TypeScript 项目时，经常会看到 any 类型被大量使用。它确实省事，编译器不再报错，但代价是失去了类型检查带来的安全感。后来 TypeScript 3.0 引入了 unknown，官方把它定位为 any 的类型安全替代品。实际开发中我发现不少同事知道 unknown 更安全，但不清楚具体在...

阅读约37分钟

2026-10-06

Vue 3 中 reactive 对象解构后丢失响应式，用 toRefs 不如用这个模式

在 Vue 3 组合式 API 里，把 reactive 创建的对象解构到模板或子组件时，原始值的响应性会断掉。这个坑在表单编辑、弹窗复用、列表项抽取组件时特别常见：父组件传一个 user 对象，子组件 const { name, age } = props.user，改 name 时视图不动，因为解构出来的只是当次求值的结果。很多人第一反应是套 toRef...

阅读约37分钟

2026-10-06

Windows 下按 Ctrl + Z 为什么杀不掉 Node.js，Suppressing signal 18 to win32 process 到底在说什么

我本地启动一个 Node.js 应用，程序已经正常运行了一段时间，这时在终端里按下 Ctrl + Z，原本期待的是把进程停掉，结果应用继续存在，终端还冒出这样一行内容。

阅读约28分钟

2026-10-06

用 ResizeObserver 替代 window.resize 监听元素尺寸变化

做后台管理系统时，图表容器经常需要根据父级宽高自适应。早些年我会挂一个 window.addEventListener('resize', handler)，然后在回调里读 container.offsetWidth 重新渲染。这个做法在简单布局里能跑，但一旦遇到侧边栏折叠、标签页切换、flex 容器内部尺寸变化这些场景，就完全不灵了——窗口大小根本没变，元...

阅读约40分钟

2026-10-06

从一次线上事故看 IntersectionObserver 在长列表懒加载中的误用

上个月我们一个后台管理页面出现了奇怪的 bug：用户从列表页翻到第三页后，图片开始大面积空白，但刷新页面又恢复正常。排查后发现是图片懒加载逻辑里用 IntersectionObserver 监听滚动容器时，把 root 设成了 window，而实际滚动发生在内部一个 overflow: auto 的 div 上。更麻烦的是，这个 div 在路由切换时被销毁重...

阅读约36分钟

2026-10-06

为什么远程协助工具偏爱 UDP，而不是一路使用 TCP

远程控制一台电脑时，一个很容易观察到的现象是，网络明明偶尔有点抖，远端画面甚至会短暂变糊，但鼠标仍然可以继续移动，窗口还能拖，键盘输入也没有完全停下来。过一会儿网络恢复，画面重新变清晰，整个会话并没有因为几个网络包丢失而断掉。

阅读约25分钟

2026-10-06

深入事件循环：Promise 与 setTimeout 在浏览器中的执行时序为何总是出乎意料

把 async/await 和 setTimeout 混在一起写的时候，经常出现“明明 setTimeout 写在前面，为什么反而是 Promise 先执行”的情况。比如在一个按钮点击回调里先调 setTimeout 打印 1，然后调一个 async 函数，里面同步打印 2，接着 await 一个已 resolve 的 Promise，再打印 3，最后在同步...

阅读约43分钟

2026-10-06

Vue中v-if和v-show在表单编辑场景下的选择与坑

在后台管理系统里，编辑弹窗或侧边栏表单通常会复用同一个 DOM 结构，靠切换状态来显示不同字段。很多人下意识用 v-if 控制显隐，觉得“不渲染更省性能”。可一旦表单字段多起来，或者包含上传、富文本、日期选择器等第三方组件，就会遇到切换卡顿、组件状态丢失、异步校验错乱的问题。反过来用 v-show 又会在初始渲染时创建所有分支，遇到依赖父级尺寸的组件（比如 ...

阅读约37分钟

2026-10-06

JavaScript 中的 AbortController：如何优雅地取消 fetch 请求与清理副作用

在单页应用里，用户快速切换路由、连续触发搜索或者重复提交表单时，发出去的异步请求往往已经不再需要了。浏览器虽然会继续接收响应，但回调里执行的状态更新可能覆盖掉最新的结果，甚至对已经卸载的组件执行 setState，造成内存泄漏或界面闪烁。过去我们用 XMLHttpRequest 的 abort 方法，或者引入 axios 的 CancelToken，现在浏览...

阅读约39分钟

2026-10-06

无线路由器的中继模式与桥接模式到底差在哪？

今天在做网络管理员软考题时，刚好碰到了一个特别容易把人绕进去的问题。无线路由器从中继模式切换成桥接模式以后，路由器的 SSID 和加密方式是否一定要与前端 ADSL Modem 一致。

阅读约32分钟

2026-10-06

Vue 3 中 watch 与 watchEffect 的竞态问题与清理副作用实践

在 Vue 3 的 Composition API 里，watch 和 watchEffect 是处理响应式副作用的常用工具。但很多人在搜索框联想、路由参数变化后请求接口、分页切换等场景下，会碰到一个隐蔽的问题：先发出的请求可能后返回，覆盖掉后发出请求的结果，导致界面显示的数据和当前条件不一致。这类竞态问题在开发环境里不容易稳定复现，上线后却可能因为网络抖动...

阅读约41分钟

资源下载

更多资源

Mario

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

Nacos

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

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

WebStorm

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

文章列表

SAP Spartacus 的 lazy load feature Module

SAP Spartacus 的 lazy load Component

以太网为什么规定最小帧长为 64 字节，真正决定它的不是报文格式，而是碰撞传播时间

IPv6 首部到底多少字节，40 字节背后的结构、扩展首部与 MTU 计算

从电话到 WAV 文件，PCM 如何把连续声音变成计算机可以处理的数字

从一根电话线到覆盖全球的交换网络，彻底理解 PSTN 网络如何工作

Node.js 中遇到 CPU 密集型任务时，worker_threads 到底该怎么用？

用 AbortController 取消过期请求，避免竞态条件导致数据错乱

一个 replace 为什么能修复 Windows 构建失败，深入拆解这段 glob 路径修复补丁

TypeScript 中的 unknown 与 any：什么时候该用哪个？

Vue 3 中 reactive 对象解构后丢失响应式，用 toRefs 不如用这个模式

Windows 下按 Ctrl + Z 为什么杀不掉 Node.js，Suppressing signal 18 to win32 process 到底在说什么

用 ResizeObserver 替代 window.resize 监听元素尺寸变化

从一次线上事故看 IntersectionObserver 在长列表懒加载中的误用

为什么远程协助工具偏爱 UDP，而不是一路使用 TCP

深入事件循环：Promise 与 setTimeout 在浏览器中的执行时序为何总是出乎意料

Vue中v-if和v-show在表单编辑场景下的选择与坑

JavaScript 中的 AbortController：如何优雅地取消 fetch 请求与清理副作用

无线路由器的中继模式与桥接模式到底差在哪？

Vue 3 中 watch 与 watchEffect 的竞态问题与清理副作用实践

资源下载

Mario

Nacos

Rocky Linux

WebStorm

欢迎您来访！