Margin 重叠问题（Margin Collapse）是 CSS 布局中的一个重要特性，尤其在使用块级元素时经常遇到。理解它对于精确控制页面布局至关重要。 一、什么是 margin 重叠（Margin Collapse）？ 在 标...

在 HTML 中引入外部 CSS 样式表有两种主要方式：使用 <link> 标签和在 CSS 文件中使用 @import 规则。虽然它们都能加载样式，但在性能、兼容性、功能和使用场景上存在显著差异。 一、核心...

JavaScript 脚本的延迟加载（Lazy Loading）指的是将脚本的加载或执行推迟到特定时机，以优化页面初始加载性能，避免阻塞关键渲染路径。它与异步加载（async）有重叠，但更侧重于“推迟”这一行...

ES6（ECMAScript 2015）引入的扩展运算符（Spread Operator），使用三个点 ... 表示，是一种非常强大且常用的语法特性。它的核心作用是将一个可迭代对象（如数组、字符串、类数组对象...

这是一个很好的问题，它考察了对 .vue 单文件组件（SFC, Single File Component）结构的理解。 简短回答： 在一个 .vue 文件中，<template>、<script> 和 <style> 都不是绝对...

这是一个关于 Vue 生态系统核心库 Vue Router 的基础但重要的面试题。以下是全面的解答： Vue Router 有什么作用？ Vue Router 是 Vue.js 官方的路由管理器（Routing Library）。它为 Vue.js 单...

在 React JSX 中，内联条件渲染是一种常见且高效的技术，它允许你根据条件直接在 JSX 中决定是否渲染某个元素或渲染哪个元素。以下是几种主要的内联条件渲染方法及示例： 1. 逻辑与操作符 &...

这是一个非常经典且重要的 CSS 面试题，考察对现代布局技术的理解。Flexbox（弹性盒子布局）是 CSS3 中引入的强大布局模型，它极大地简化了复杂布局的实现。 核心好处总结 Flexbox 的主要优势在...

面试题：常见的 CSS 布局单位有哪些？ CSS 提供了丰富的长度和布局单位，用于控制元素的尺寸、间距、字体等。根据使用场景，这些单位可分为 绝对单位 和 相对单位 两大类。掌握它们的特性有助于...

这是一个基础但高频的 JavaScript 面试题。删除数组最后一个元素有多种方法，以下是几种常用方式及其区别： ✅ 方法一：pop() —— 最常用、最推荐 const arr = [1, 2, 3, 4]; const lastElemen...