排序
面试题:CSS 中 display、float、position 的关系是什么?
这是一个深入理解 CSS 布局机制的高级面试题。display、float 和 position 都能影响元素的盒模型生成和布局,它们之间存在复杂的优先级和相互覆盖关系。 核心原则 CSS 规范定义了当一个元素同时...
面试题:ES6 中,如何提取深度嵌套的对象中的指定属性?
在 ES6 及后续版本中,提取深度嵌套对象中的属性,最常用和推荐的方法是使用 解构赋值 (Destructuring Assignment),并结合 可选链操作符 (Optional Chaining, ES2020) 来安全地处理可能为 null...
面试题:::before 和 :after 的双冒号和单冒号有什么区别?
在CSS中,::before 和 ::after 伪元素的双冒号(::)和单冒号(:)在功能上没有区别,它们的作用完全相同。 两者之间的区别主要在于语法规范的演进和浏览器兼容性: CSS3 规范的区分: 在 CSS3 ...
面试题:CSS 的 position 有哪些属性值,区别是什么?
position 是 CSS 中控制元素定位的核心属性,它决定了元素如何在页面中放置。共有 5 个标准属性值,每个都有独特的定位行为。 1. static (默认值) 行为: 元素按照正常的文档流(Normal Documen...
面试题:说说你对 CSS Sprites 的理解
说说你对 CSS Sprites 的理解 CSS Sprites(CSS 雪碧图、CSS 精灵图)是一种将多个小图片合并成一张大图,然后通过 CSS 的 background-image、background-position 等属性来显示其中特定部分的...
面试题:在 Vue 事件中传入 $event,使用 e.target 和 e.currentTarget 有什么区别?
在 Vue 的事件处理中,e.target 和 e.currentTarget 都是原生 DOM 事件对象的属性,它们都指向 DOM 元素,但代表的含义完全不同。理解它们的区别对于正确处理事件委托和事件冒泡至关重要。 核心...
面试题:有哪些 CSS 选择器?请分别介绍
CSS 选择器是用于“选中”HTML元素并为其应用样式的模式。掌握各种选择器是精准控制页面样式的前提。以下是 CSS 中主要的选择器类型及其详细介绍。 一、基础选择器 1. 元素选择器(Type Selecto...
面试题:flex-shrink 和 flex-grow 的默认值是多少?作用是什么?
这是一个深入考察 CSS Flexbox 布局核心机制的面试题。理解 flex-grow 和 flex-shrink 的默认值及其作用,是掌握弹性布局的关键。 默认值 flex-grow 的默认值是 0。 flex-shrink 的默认值是 1。...
面试题:isNaN 和 Number.isNaN 函数有什么区别?
isNaN() 和 Number.isNaN() 都是 JavaScript 中用于检查一个值是否为 NaN(Not-a-Number)的函数,但它们的行为有本质区别,尤其是在处理非数字类型的输入时。 一、isNaN()(全局函数) 行为: ...
面试题:什么是 React 的事件机制?
这是一道考察React事件系统设计原理的面试题,可以很好地体现你对React底层实现的了解程度。 下面从机制概述、核心设计、工作流程、与原生事件的区别四个维度来拆解。 一、核心结论 React的事件...
