Angeline

📌 一、DOM 是什么？ DOM（Document Object Model，文档对象模型）是浏览器把 HTML 或 XML 文档结构化成对象的方式，并提供了一套 API 让你用 JavaScript

React 16.8 推出了革命性的 Hooks 特性，让函数组件拥有了管理状态和处理副作用的能力。相比于传统的类组件，Hooks 提供了更简洁、更灵活的函数式编程体验。本文将重点介绍两个核心 Hoo

什么是 debounce（防抖）？ debounce（防抖）是一种 函数优化技术，其目的是： 多次调用，执行最后一次。 适用场景与代码示例 ✅ 1. 搜索框联想（用户停止输入后再触发搜索） 📍 场景说

✨ 什么是 useContext？ useContext 是 React 提供的一个 Hook，用于在函数组件中获取 Context（上下文）中的值。 它能让我们在组件树中任何位置访问共享数据，而不需

什么是Event Loop event loop（事件循环） 是 JavaScript 中实现异步编程的核心机制，也是 JS 能够在单线程模型下处理大量并发任务的基础。 一句话理解 Event Loo

在英语学习中，你是否遇到过「看图不知道怎么用英文表达」的尴尬？本项目结合前端开发与AI技术，打造了一款“拍照识词”的智能单词学习应用，实现“所见即所得”的沉浸式学习体验。 🧠 项目背景与核心价值 语言

🎯 一、什么是 useLayoutEffect？ useLayoutEffect 是 React 提供的一个 Hook，用于在 DOM 变更后、浏览器绘制前 执行副作用操作。和 useEffect 相

本文将通过实战示例+思维拆解，带你系统掌握如何在 React 中合理地按粒度封装子组件。 🎯 什么是“按粒度封装”？ 简单理解：“按粒度封装”就是根据功能复杂度和复用程度，将组件拆分成更小的子组件，每

🧱 一、Flexbox：一维布局的终结者 1. 什么是 Flexbox？ Flexbox（弹性盒子布局）是一种一维布局模式，主要用于控制一行或一列中的项目如何排列、对齐和分配空间。 2. 核心属性解读