🌿 React 生命周期详解：从创建到销毁的完整旅程在使用 React 构建组件化应用的过程中，我们经常会听到一个重要的概念——生命周期（Lifecycle）。生命周期是指一个组件从创建（Mounting）、更新（Updating）到卸载（Unm...

从执行上下文和作用域链角度彻底理解 JavaScript 闭包 “闭包不是语法特性，而是执行机制的自然结果。”— ECMAScript 规范解读 (ps: 由于笔者在学习相关内容时尚未明确 ES6 以后 VE 是否已经被移除，因此在本文中暂时只以...

深入理解 JavaScript 执行上下文（Execution Context）一、前言在学习 JavaScript 的过程中，你一定遇到过这些问题： 为什么变量会“提升”？ 为什么 this 有时候指向全局，有时候又是对象？ 为什么闭包中的变量不...

一、什么是 BFC？BFC（Block Formatting Context，块级格式化上下文） 是 CSS 中非常核心的一个概念。它是一个独立的渲染区域，在这个区域内的元素布局不会影响到区域外的元素。 换句话说，BFC 就像一个“隔离的盒子”，里面...

从输入 URL 到页面展示，浏览器到底经历了什么？当在浏览器地址栏输入一个网址，比如 https://www.example.com 并按下回车，短短几百毫秒内，屏幕上就出现了完整的网页。看似简单的一次操作，实际上背后经历了 多个复杂的网络与浏览器内...

🧠 深入理解网络协议分层：从物理层到应用层在网络通信中，数据从一台计算机传输到另一台计算机，需要经过复杂的封装、传输、解封装过程。为了让这一过程更清晰、标准化，国际标准化组织（ISO）提出了 OSI 七层模型，而在实际应用中，更多使用的是 TCP...

学习 Koa 作为中间件框架的阶段性记录在 Web 开发的学习过程中，笔者接触并实践了 Koa 框架。Koa 由 Express 原班团队开发，其核心设计理念是通过中间件机制实现高度灵活的控制与可扩展性。本文记录学习 Koa 的基本过程与若干常用中间...

掌握.gitignore，团队开发效率++！在使用 Git 进行版本控制时，我们经常会遇到需要排除某些文件或目录的情况。.gitignore文件就是解决这个问题的银弹，本文将带你全面了解它的使用技巧。 1. 什么是.gitignore？.gitign...

Start a Hugo siteDiscrimination这是一篇关于笔者是如何使用 Hugo 来搭一个基本网站的 blog ContentInstall在开始用 hugo 搭建网站之前,请先安装对应系统的二进制文件,为方便使用，将其 bin 文...

TypeScript 语言学习What is TypeScirptTypeScript 是由微软进行开发和维护的一种开源的编程语言。 TypeScript 是 JavaScript 的严格语法超集，提供了可选的静态类型检查。 –维基百科 TypeSc...