-
Electron 多窗口开发初实践
在 Electron 中使用 Vite 的多入口模式实现多窗口渲染一、背景在 Electron 应用开发中，一个常见需求是：主窗口使用完整布局（如侧边栏、路由），而某些新窗口（视频播放、设置页、预览窗口）需要完全不同的界面结构。 默认情况下，Vit... -
初识 Electron
Electron 初体验：构建跨平台桌面应用的强大框架在 Electron 的世界里，不同进程各司其职，通过 IPC（进程间通信）协同工作，共同构建出一个既安全又功能强大的桌面应用系统。整个通信架构可以简化为以下三个核心角色： 1. Renderer... -
Sth about Electron in my blog series
Electron 新篇章Electron 系列博客记录笔者学习 Electron 开发的全过程，对应项目实践为仿 Bilibili 的桌面端播放器 Kong_Player GitHub 仓库地址：Kong_Player 后面的内容，随笔者 elect... -
正则表达式
正则表达式基于笔者每每提到正则都无法实际用上，故而以一篇博客加深学习印象 一、什么是正则表达式？正则表达式（Regular Expression，简称“正则”或“regex”）是一种用来匹配字符串的规则。通俗地讲，它是一种“文字匹配的公式”。 举个... -
关于我在 2025/11 的面试总结与反思
2025.11 面经少年当心中有志，而后能行远 字节 懂车帝 一面 1 . ES6 新增了哪些数据结构 Map WeakMap Set WeakSet由于可能太紧张当时只回答了 Set Map , WeakSet , WeakMap 有了解... -
深入理解 Vite 的实现原理：从浏览器原生 ESM 到预构建与热更新
深入理解 Vite 的实现原理：从浏览器原生 ESM 到预构建与热更新前言Vite 是目前最受欢迎的前端构建工具之一，以其“秒级启动”和“极速热更新”闻名。但很多人可能只知道它“快”，却不清楚它“为什么快”。 这篇文章，我们就来完整拆解一下 Vit... -
深入理解 AST：前端工程的语法之魂
深入理解 AST：前端工程的语法之魂 💡 AST（抽象语法树，Abstract Syntax Tree）是现代前端工程中最核心的底层技术之一。无论是 Babel 的代码转译、ESLint 的语法检查、Webpack 的依赖分析，还是 Vite 的... -
Vite Or Webpack
🔍 深入对比 Vite 与 Webpack：从底层机制看两种构建思路的分水岭一、引言前端构建工具的进化史，就是在提升开发体验与构建性能之间不断取舍的过程。Webpack 曾经统治了前端工程化的整个时代，而 Vite 的出现，则几乎在一夜之间成为现代... -
深入理解 React Fiber：重新定义的渲染引擎
React 16 是一次历史性的重构，它不只是版本升级，更是底层架构的“换心手术”。它让 React 从同步的 Stack Reconciler 进入了可中断、可恢复、可调度的 Fiber 架构时代。 一、为什么要有 Fiber？在 React... -
React事件机制详谈
深入理解 React 事件机制：从合成事件到优先级调度 React 的事件机制是其底层架构中与 Fiber 并行的重要一环，它不仅让事件处理更高效、更一致，也为批量更新与调度提供了基础。本文将带你从底层原理的角度，彻底搞懂 React 事件系统的设计...
一位正在努力学习的 Web 开发工程师...｜