排序
面试题:JavaScript 数组的 map 和 forEach 函数中能否通过 break 等语法结束循环?
这是一个很好的 JavaScript 面试题,考察对数组方法底层机制的理解。 ✅ 直接答案: 不能。 map 和 forEach 是数组方法,不是普通的 for 循环,因此无法使用 break、continue 或 return 来直接...
面试题:display:none 与 visibility:hidden 的区别
display: none 和 visibility: hidden 都可以隐藏 HTML 元素,但它们在行为、对布局的影响以及性能上有着本质的区别。理解这些差异对于精确控制页面显示和布局至关重要。 一、核心区别对比 特性...
面试题:如何用 CSS 实现一个三角形?
这是一个非常经典的 CSS 面试题,考察对 CSS 盒模型和 border 属性的深入理解。 核心原理 实现三角形的关键在于理解 CSS border 的渲染机制: 当一个元素的 width 和 height 都为 0 时,它的四...
面试题:什么是无状态组件?无状态组件的应用场景有哪些?
这是一道考察React组件设计模式的经典面试题,重点在于理解函数式编程思想和组件最佳实践。 下面从定义、特点、应用场景、以及与有状态组件的对比来拆解。 一、核心定义 什么是无状态组件? 无...
面试题:JavaScript 中 null 和 undefined 的区别是什么?
null 和 undefined 都表示“无”或“空值”,但在 JavaScript 中有明确的区别。理解它们的不同是掌握 JavaScript 类型系统的关键。 一、核心区别总结 特性undefinednull含义“未定义” —— 变...
面试题:React 中 key 的作用是什么?
在 React 中,key 是一个特殊的字符串属性,用于帮助 React 识别哪些元素发生了变化、被添加或被删除,从而在渲染列表时高效地更新 DOM。 核心作用:标识列表中元素的唯一性 当 React 渲染一个...
面试题:使用 clear 属性清除浮动的原理?
面试题:使用 clear 属性清除浮动的原理? clear 属性是 CSS 中用于控制元素与浮动元素之间位置关系的重要属性,常用于“清除浮动”或“避免内容环绕浮动元素”。理解其原理对于掌握传统布局方...
面试题:说说你对 sticky 定位的理解
position: sticky 是 CSS 中一种非常实用的定位方式,结合了 relative 和 fixed 定位的特点。 它允许元素在滚动到特定阈值之前表现得像相对定位(relative),一旦达到该阈值,则表现得像固定定...
面试题:什么是替换元素?说说其概念及计算规则
什么是替换元素? 在 CSS 中,替换元素(Replaced Element) 是指其内容的外观和尺寸不由 CSS 直接控制,而是由外部资源或浏览器默认行为决定的 HTML 元素。 简单来说,替换元素的“内容”是“...
面试题:说说真实 DOM 和虚拟 DOM 的区别?它们的优缺点是什么?
这是一道非常经典的前端面试题,考察对核心渲染机制的理解。 下面从定义、区别、优缺点三个层面来拆解,并给出一个可以直接用于面试的参考答案。 一、核心定义 真实 DOM:浏览器提供的、代表HTM...
