NestJS 学习记录 Part 8:拦截器 (Interceptor) 与 RxJS 流处理
解析 NestJS 项目中封装的两个核心拦截器:统一响应格式的 TransformInterceptor 和自动化记录审计日志的 OperationLogInterceptor。探讨 AOP 思想、ExecutionContext 的作用以及 RxJS 在请求生命周期中的应用。
1645 字
|
8 分钟
NestJS 学习记录 Part 7:DTO 嵌套验证、全局 404 与大数据批量插入
盘点在 NestJS 与 TypeORM 深度应用中的三个实战技巧:为什么 DTO 嵌套验证必须配合 @Type?如何用 findOneOrFail 配合全局过滤器优雅处理 404?以及在 Node.js 中如何安全地批量插入海量数据。
1046 字
|
5 分钟
高性能 JSON 工具 (JsonTools) 的架构设计与实现
深度剖析 JsonTools项目。探讨在处理前端海量的抓包数据与大型接口返回时,如何利用 Web Worker 离线计算、虚拟列表 (Virtual List) 高效渲染、以及自定义 JSON Diff 乱序比对引擎,解决主线程卡死问题。
3181 字
|
16 分钟
高性能 JSON 终极处理工具 JsonTools 使用指南
还在为超大型接口返回值卡死浏览器而苦恼吗?JsonTools 是一款专为硬核开发者打造的 Chrome 扩展,基于 Web Worker 和虚拟列表技术,支持百万级数据秒开、乱序 Diff 比对以及深度路径检索。本文将带你全面了解它的强大功能。
1165 字
|
6 分钟
Zion 定制化 ESLint 规则设计与实现
在数百万行代码的大型前端单体仓库中,如何通过 ESLint 自定义规则实现架构分层、模块黑盒化解耦,以及彻底消除 MobX 响应式状态遗漏的神出鬼没 Bug?本文详细解读了为 Zion Editor 量身定制的三大底层 AST 分析规则。
3309 字
|
17 分钟
TubeWidget YouTube 双语字幕插件架构设计与实现
深度解析已上架 Chrome 商店的 TubeWidget (Dual Subtitles) 插件架构。探讨如何通过 Plasmo 的 Main World 注入突破 YouTube 严苛的 API 签名防爬虫机制,以及高精度时间轴同步、滑动窗口预加载流水线和零冲突 Shadow DOM 渲染方案。
3616 字
|
18 分钟
沉浸式 YouTube 翻译插件:TubeWidget 使用手册
TubeWidget 是一款强大的 YouTube 原生双语字幕与点词翻译插件。本文是 TubeWidget 的官方完全使用指南,教你如何配置多款翻译引擎(DeepL/Google/OpenAI),自定义打字机特效字幕,以及利用沉浸式交互字典进行外语学习。
1654 字
|
8 分钟
Zion DevTools 架构设计与技术分析
深度解析为 Zion Editor 量身定制的 Chrome 开发者工具 zed-devtools 的架构设计。涵盖跨隔离世界的 React Fiber 劫持、基于 Web Worker 的百万级 JSON 虚拟化渲染,以及基于 CRDT 架构的 Time Travel 时间漫游技术。
2918 字
|
15 分钟