博客文章
HTTP
我不知道的 HTTP:网络分层与请求全流程解析
剖析 TCP/IP、OSI 模型及 HTTP 请求流程,揭示 CDN 和 DNS 作用。
我不知道的 HTTP:Cookie 机制的深入探索
深入剖析 Cookie 属性、安全性及优化,探讨 Token、Fingerprinting 与未来趋势。
我不知道的 HTTP:缓存机制的深度解析
深入剖析 HTTP 缓存控制、条件请求及整条缓存链路,优化性能。
我不知道的 HTTP:HTTPS 深度解析与迁移实践
深入解析 HTTPS 概念、TLS 握手、加密机制及迁移难点,提供实用解决方案。
我不知道的 HTTP:HTTP/2 与 HTTP/3 的深度解析与优化实践
深入解析 HTTP/2 和 HTTP/3 的特点、优缺点及优化实践,探讨 QUIC 和性能瓶颈。
i18next
我不知道的 i18next:命名空间的奥秘与底层优化
从命名空间基础到 V8 内存优化,揭示 i18next 的加载与性能优化机制。
我不知道的 i18next:Trans 组件的用法与性能剖析
从 Trans 组件基础到渲染优化,探索 i18next 在 React 中的性能优化机制。
我不知道的 i18next:复数操作的实现与扩展
从复数基础到规则引擎扩展,揭秘 i18next 的多语言复数处理机制。
我不知道的 i18next:字体超长与 RTL 的本地化优化
从字体超长到 RTL 适配,探索 i18next 本地化的性能优化策略。
我不知道的 i18next:动态加载与缓存的深度解析
从动态加载基础到 V8 缓存优化,揭秘 i18next 的性能核心。
Pixi.js
我不知道的 Pixi.js:渲染引擎的核心架构
深入 Pixi.js 渲染引擎架构,从初始化到渲染队列的底层解析。
我不知道的 Pixi.js:纹理与 sprites 的管理机制
深入 Pixi.js 纹理与 sprites 管理,从加载到复用的底层解析。
我不知道的 Pixi.js:交互事件的底层实现
探索 Pixi.js 交互事件机制,从监听设置到命中测试的幕后逻辑。
我不知道的 Pixi.js:滤镜系统的设计原理
探索 Pixi.js 滤镜系统,从渲染流程到自定义实现的幕后逻辑。
我不知道的 Pixi.js:动画系统的 ticker 解析
探索 Pixi.js 动画系统的 ticker,从时间调度到更新的幕后逻辑。
我不知道的 Pixi.js:图形与遮罩的艺术
探索 Pixi.js 图形与遮罩的实现,从绘制路径到裁剪效果的幕后逻辑。
我不知道的 Pixi.js:性能优化与调试之道
探索 Pixi.js 的性能优化与调试方法,从监控到内存管理的幕后逻辑。
我不知道的 Pixi.js:多分辨率与自适应渲染
探索 Pixi.js 的多分辨率与自适应渲染,从视口到纹理适配的幕后逻辑。
我不知道的 Pixi.js:物理引擎的集成艺术
探索 Pixi.js 与物理引擎的集成,从坐标映射到碰撞响应的幕后逻辑。
我不知道的 Pixi.js:插件与扩展的生态
探索 Pixi.js 插件生态,从 Spine 动画到粒子系统的幕后逻辑。
V8
我不知道的 V8:JavaScript 引擎的冰山一角
深入浅出介绍 V8 引擎,揭秘 JavaScript 高效执行的秘密。
我不知道的 V8:编译执行与解释执行的双重奏
深入探讨 V8 引擎如何巧妙结合编译执行与解释执行,实现高性能 JavaScript 运行。
我不知道的 V8:从源码到执行的奇妙旅程
系统梳理 V8 引擎执行 JavaScript 代码全过程,揭秘高效运行机制。
我不知道的 V8:函数是如何变得可调用的
揭秘 V8 引擎如何让函数可调用, 带你走进字节码与执行的核心。
我不知道的 V8:为什么字典是非线性数据结构
深入解析 V8 引擎中字典的非线性本质, 揭示其与数组的本质区别及性能影响。
我不知道的 V8:快属性、慢属性与对象优化
深入解析 V8 引擎中快属性与慢属性的机制, 揭示对象性能优化的核心技巧。
我不知道的 V8:为什么不建议使用 delete 删除属性
深入剖析 delete 操作如何影响 V8 引擎优化,探讨高效的对象属性管理策略。
我不知道的 V8:prototype 和 __proto__ 的本质区别
深入解析 V8 引擎中 prototype 与 __proto__ 的角色,揭示原型链的内部机制。
我不知道的 V8:从函数调用到属性优化的全景解析
深入探讨 V8 引擎从函数调用到属性优化的全流程,揭示性能提升的关键机制。
我不知道的 V8:原型链与属性存储的性能博弈
深入剖析 V8 引擎中原型链与快慢属性的交互机制,揭示性能优化的深层逻辑。
我不知道的 V8:字典模式下的非线性优化与限制
深入 V8 字典模式的哈希表实现,揭示非线性结构的优化策略与性能局限。
我不知道的 V8:词法作用域的查找顺序与底层秘密
深入探讨 V8 引擎中词法作用域的查找顺序及其底层实现机制。
我不知道的 V8:1 + "2" 的计算过程与底层解析
揭秘 V8 如何处理 1 + "2",从类型转换到加法运算的底层逻辑。
我不知道的 V8:作用域与执行上下文的微妙关系
探索 V8 中作用域与执行上下文的联系,从概念到实现的深度解析。
我不知道的 V8:惰性解析与闭包
探索 V8 的惰性解析与闭包机制,从预解析到作用域管理的幕后逻辑。
我不知道的 V8:隐藏类与快慢属性
探索 V8 中隐藏类与快慢属性的机制,揭开属性访问优化的幕后逻辑。
我不知道的 V8:内联缓存的秘密
探索 V8 内联缓存机制,揭开属性访问与函数调用优化的幕后逻辑。
我不知道的 V8:宏任务的调度逻辑
探索 V8 中宏任务的调度逻辑,揭开事件循环与任务执行的幕后机制。
我不知道的 V8:微任务的执行时机探析
探索 V8 中微任务的执行时机,揭开其触发与优先级的幕后逻辑。
我不知道的 V8:MutationObserver 的 DOM 监听之旅
探索 V8 中 MutationObserver 的 DOM 监听,从微任务到事件循环的幕后逻辑。
我不知道的 V8:宏任务与微任务的时序之谜
深入 V8 中宏任务与微任务的时序,剖析任务调度与执行的底层逻辑。
我不知道的 V8:微任务的实现与解谜
深入 V8 中微任务的实现机制,剖析其如何解决异步问题的底层逻辑。
我不知道的 V8:async/await 的实现与异步
深入 V8 中 async/await 的实现,剖析协程与异步时序的底层逻辑。
我不知道的 V8:垃圾回收的算法与优化之旅
深入 V8 的垃圾回收算法,剖析新生代老生代与优化的底层逻辑。
VSCode
我不知道的 VSCode 扩展:从零开始的奇妙之旅
面向初学者,一步步带你入门 VSCode 扩展开发,开启你的定制 VSCode 之旅。
我不知道的 VSCode 扩展:菜单与视图的魔法
探索 VSCode 扩展中菜单、树视图和状态栏的奥秘,让你的扩展更易用、更强大。
我不知道的 VSCode 扩展:交互面板的无限可能
探索 VSCode 扩展中 Webview 和 Output Channel 的强大功能,打造更丰富的用户交互体验。
我不知道的 VSCode 扩展:API 的无限可能
系统梳理 VSCode 扩展提供的各种 API,揭示 VSCode 扩展的无限潜能。
我不知道的 VSCode 扩展:生命周期的奥秘
深入剖析 VSCode 扩展的生命周期,掌握扩展运行的奥秘。
我不知道的 VSCode 扩展:调试技巧与最佳实践
掌握 VSCode 扩展调试技巧,提升开发效率和代码质量。
我不知道的 VSCode 扩展:发布到 VSCode 扩展市场
将你的 VSCode 扩展发布到 VSCode 扩展市场,让全球开发者使用你的扩展。
我不知道的 VSCode 扩展:持续集成与持续部署 (CI/CD)
为你的 VSCode 扩展配置持续集成与持续部署 (CI/CD) 流程,自动化测试和发布。
我不知道的 VSCode 扩展:高级 API 技巧
探索 VSCode 扩展开发中的高级 API 技巧,提升扩展的功能和用户体验。
我不知道的 VSCode 扩展:效率利器:模板与工具
介绍 VSCode 扩展开发中常用的模板和工具,例如 reactive-vscode, starter-vscode, vscode-webview-ui-toolkit 等等,帮助开发者提升开发效率和代码质量。
我不知道的 VSCode 扩展:幕后执行机制揭秘
深入探究 VSCode 扩展的执行机制,包括扩展进程、主进程通信、扩展沙箱等,揭示 VSCode 如何安全、高效地运行扩展,帮助开发者理解扩展的运行原理。
浏览器原理
我不知道的浏览器:进程与线程的幕后真相
理解浏览器如何通过多进程架构保障稳定与安全,以及进程和线程如何分工协作。
我不知道的浏览器:渲染线程的职责与单线程约束
了解渲染线程(主线程)负责哪些核心任务,为何设计为单线程,以及这对 Web 开发意味着什么。
我不知道的浏览器:解密 JS 异步与事件循环
深入理解 JavaScript 的异步运行机制、事件循环模型(宏任务与微任务),以及计时器的工作原理和精度限制。
我不知道的浏览器:页面渲染流水线详解
深入浏览器内部,了解从 HTML 到屏幕像素的完整渲染流水线八大步骤,以及相关的性能优化点。
前端工程化
我不知道的打包工具:tsup 的实现与优化之旅
深入 tsup 的实现原理与使用方式,探索其优化策略的幕后逻辑。
我不知道的打包工具:Rollup 到 tsup 的实现原理对比
深入对比 Rollup 到 tsup 的打包工具实现原理,剖析其技术核心与差异。
我不知道的打包工具:输出格式与 package.json 配置的秘密
深入对比 CJS、ESM、UMD、IIFE 等输出格式,解析 package.json 配置的作用。
我不知道的 Father:核心架构与打包原理
揭秘组件库构建神器 Father 的内部机制与技术创新。
我不知道的 Father:样式处理与冲突解决方案
聚焦 Father 在组件库样式管理中的创新解决方案和最佳实践。
我不知道的 Father:与主流工具对比及选型指南
深入剖析Father的独特价值,助你在组件库构建工具选型中做出明智决策
React
我不知道的 React:Portals 的魔法与事件冒泡的"陷阱"
深入理解 React Portals 如何将组件渲染到 DOM 任意位置,并揭示其独特的事件冒泡行为。
我不知道的 React:核心与渲染层的解耦之道
揭示 React (Core) 与 React DOM (渲染层) 分离的设计哲学、各自职责以及它们如何协作将虚拟 DOM 渲染到浏览器。
我不知道的 React:Fiber 架构如何重塑更新流程
深入 React Fiber 架构,理解其如何通过可中断渲染、优先级调度和双缓冲技术解决旧版 React 的性能瓶颈,并开启并发特性。
我不知道的 React:生命周期演进与 Render 的触发机制
理解 React 类组件生命周期的演变及其废弃原因,深入剖析 `render` 方法的触发时机与优化之道,对比 Hooks 如何管理副作用。
我不知道的 React:驾驭表单:受控与非受控组件的选择之道
深入理解 React 中受控组件与非受控组件的本质区别、适用场景、性能考量及最佳实践,助你做出明智的技术选型。
我不知道的 Redux:解构核心概念与单向数据流
深入理解 Redux 的核心设计原则:Store、Action、Reducer,掌握其严格的单向数据流,以及为何 Immutability 至关重要。
我不知道的 Redux:中间件如何赋能异步状态管理
深入探索 Redux 中间件的核心机制,详细对比 Redux Thunk 和 Redux Saga 在处理异步逻辑时的优劣与底层原理,并探讨其在现代状态管理生态中的位置。
我不知道的 React:从 JSX 到真实 DOM,深入 Diff 算法与 Vue 对比
探索 React 如何将 JSX 代码通过 Fiber 架构转换为浏览器中的 DOM 元素,深入解析其 Diff 算法(Reconciliation)的工作原理、Key 的重要性,并与 Vue 的 Diff 策略进行比较。
我不知道的 React:ErrorBoundary 的工作原理与局限性
深入理解 React ErrorBoundary 如何通过特定生命周期方法捕获子组件渲染错误,探讨其无法捕获的错误类型及其原因,并介绍与监控工具集成和错误恢复策略。
我不知道的 React:useState 的“异步”更新与 Hook 底层机制
揭示 React useState 更新状态的“异步”本质,深入了解 React 18 的自动批量更新机制,并探索 Hook 如何通过 Fiber 节点的链表结构工作及其背后的规则。
我不知道的 React:掌握 useEffect、useRef 等核心 Hooks
深入理解 React 核心 Hooks(useEffect, useContext, useReducer, useRef, useMemo, useCallback)的用途、工作原理、常见陷阱和性能优化技巧。
我不知道的 React:组件通信技巧与实用自定义 Hooks
深入探讨 React 组件间通信的多种方式 (Props, Callbacks, Ref, Context),详解 useUpdate, useTimeout, useDebounce, usePrevious 等实用自定义 Hooks 的实现与应用。
我不知道的 React-Router:Link、NavLink 与 useNavigate 导航解析
深入剖析 React Router 中 Link、NavLink 组件与 useNavigate Hook 的工作原理,理解客户端导航如何避免页面刷新,以及如何实现激活样式和编程式跳转。
我不知道的 React-Router:核心原理、路由模式与高阶应用
全面解析 React Router v6 核心组件 (Routes, Route, Outlet) 与 Hooks (useParams, useNavigate),深入探讨路由模式 (BrowserRouter, HashRouter)、嵌套路由、代码分割及与 Vue Router 的对比。
我不知道的 React:React 19 核心特性前瞻
深入解析 React 19 核心新特性:React Compiler 的自动优化、Actions API 对表单处理的革新、useOptimistic、use Hook 等,探讨它们对开发范式与性能的影响。
我不知道的 React:Render Props 模式深度解析
深入剖析 React Render Props 模式:起源、核心机制、应用场景、优缺点,并探讨其与 HOC 及 Hooks 的关系及其在现代 React 开发中的地位。
我不知道的 React:类组件如何复用 Hooks 逻辑?
探索在 React 类组件中复用 Hooks 逻辑的实用方案,深入解析高阶组件(HOC)封装策略、关键问题(静态成员、Ref转发)及其权衡。
我不知道的 React:服务器组件(RSC) vs SSR 与水合详解
深入剖析 React 服务器组件(RSC)与服务器端渲染(SSR)的本质区别与联系,详解水合(Hydration)过程、性能代价及其优化方向。
我不知道的 React:同一应用中运行多版本 React
探讨在同一前端项目中运行多个 React 版本的需求场景、核心挑战(冲突与隔离),以及主流实现策略,特别是基于 Webpack Module Federation 的解决方案。