HTML 嵌入内容：<iframe 标签的使用 在网页中嵌入视频、地图、第三方表单或其他独立页面时，<iframe 标签是标准解决方案。它将目标网页隔离为一个独立的渲染区域，避免样
HTML 列表：<ul、<ol、<li 标签 1. 新建 空白文本文件，将文件扩展名精确重命名为 index.html。 2. 写入 HTML5 标准文档类型声明 <!DOCTYP
Vue 状态管理：Vuex 与 Pinia 阶段一：评估需求与确定技术栈 1. 核对 当前项目使用的 Vue 框架版本。Vue 3 项目默认推荐 Pinia；Vue 2 项目若未启
HTML 语义化标签：<header、<nav、<main、<footer 语义化标签的核心作用是让网页结构具备“人类可读性”与“机器可解析性”。用大白话说，就是把页面的不同区域贴
React 路由问题：路由配置与导航 React Router 是 React 生态中最流行的路由解决方案，用于管理单页应用（SPA）的页面跳转与 URL 映射。本指南将基于 Re
TypeScript 项目通过 tsconfig.json 文件来定义编译行为。该文件决定了编译器如何将 .ts 文件转换为 .js 文件，以及严格模式的开启程度。 1. 生成与基
HTML 文档的结构如同建筑的骨架，决定了网页是否稳固、浏览器能否正确解析。一个标准的 HTML 页面由四个核心部分组成：<!DOCTYPE 声明、<html 根元素、<head
CSS 布局：Flexbox 与 Grid 布局 第一阶段：掌握 Flexbox 一维布局 Flexbox（弹性盒子）适合处理“一行”或“一列”的布局问题。想象一串珠子，你可以控制
React 组件的渲染机制默认是“牵一发而动全身”：父组件更新，所有子组件都会跟随重渲染。当组件树变得复杂时，这会造成巨大的性能浪费。 通过 React.memo、useMemo
React 表单问题：受控组件与表单状态管理 React 核心理念之一是“视图与数据同步”。在表单处理中，这意味着输入框的值不应由 DOM 节点自己管理，而应由 React 的 S
CSS 动画：transition 与 @keyframes CSS 动画是前端开发中最常用的交互手段之一。它能让页面元素动起来，提升用户体验。CSS 提供了两种主要的动画实现方式
TypeScript 性能优化：类型推断与编译速度 TypeScript 已经成为现代前端开发的基础设施，但随着项目规模扩大，类型检查和编译速度会逐渐成为开发效率的瓶颈。一个大型项
JavaScript 模块化：CommonJS、AMD、ES6 模块 随着前端项目规模不断扩大，代码复用和工程化成为必然需求。模块化应运而生，它将复杂代码拆分为独立文件，每个文件就
TypeScript 类型守卫：typeof 与 instanceof 在 TypeScript 的类型系统中，类型守卫是让代码在运行时精准判断变量类型的机制。它解决的问题是：Ty
JavaScript 对象操作：Object.keys 与 Object.values 在 JavaScript 开发中，对象是最常用的数据结构之一。当我们需要遍历对象属性、过滤数
CSS 字体：fontfamily、fontsize、fontweight 网页的文字是用户获取信息的主要载体，而 CSS 字体属性直接决定了这些文字呈现给读者的面貌。合理运用字体
JavaScript 防抖与节流函数的通用实现 在 Web 开发中，我们经常需要处理高频触发的事件。搜索框实时输入、表单验证、窗口大小调整、滚动加载等场景，用户的操作可能在短时间内
JavaScript 对象操作：添加、删除、修改属性 JavaScript 中的对象是存储数据的核心容器，几乎所有编程场景都会用到它。掌握对象的增删改查操作，是写出高效代码的基础。
JavaScript Proxy 拦截对象操作实现响应式系统 响应式系统是现代前端框架的核心能力之一。当你修改数据时，视图自动更新；当你订阅状态变化时，界面实时响应。Vue 3 的
HTML 特殊字符：<、、 等 在编写 HTML 网页时，你会发现有些字符直接写进去会导致页面显示异常，或者达不到想要的效果。比如你想在网页上显示一个 < 符号，直接打
