排序
面试题:Vue 常用的修饰符有哪些?分别有哪些应用场景?
Vue 提供了丰富的修饰符(Modifiers),它们是以“点 + 后缀”的形式(如 .prevent)附加在指令后面的特殊后缀,用于以声明式的方式修改指令的默认行为。以下是 Vue 中常用的修饰符及其应用场景...
面试题:React 的 keys 是否需要设置为全局唯一?为什么?
不需要。React 中的 key 不需要设置为全局唯一,只需要在当前的兄弟节点(siblings)范围内唯一即可。 为什么只需要在兄弟节点中唯一? React 在进行 reconciliation(协调)过程时,会比较同一...
面试题:为什么需要清除浮动?清除浮动的方式有哪些?
这是一个经典的 CSS 布局问题,涉及到文档流、浮动特性以及高度塌陷等核心概念。以下是全面且结构清晰的回答。 一、为什么需要清除浮动? 浮动(float)最初设计用于实现文字环绕图片的效果,但...
面试题:什么是替换元素?说说其概念及计算规则
什么是替换元素? 在 CSS 中,替换元素(Replaced Element) 是指其内容的外观和尺寸不由 CSS 直接控制,而是由外部资源或浏览器默认行为决定的 HTML 元素。 简单来说,替换元素的“内容”是“...
面试题:HTML 中,img 标签 srcset 属性的作用是什么?
<img> 标签的 srcset 属性是 HTML5 引入的一个响应式图像特性,它的主要作用是为不同的设备和屏幕条件提供多个图像源,让浏览器能够根据当前的显示环境(如屏幕分辨率、像素密度、视口大...
面试题:️ES6 新增的 Symbol 基础数据类型有什么作用?
ES6 引入的 Symbol 是 JavaScript 的第七种原始数据类型(primitive data type),其他六种是:string、number、boolean、null、undefined 和 object(object 是引用类型,但 typeof null 也返...
面试题:怎么实现元素的水平垂直居中?
元素的水平垂直居中是前端开发中最常见的布局需求之一。根据元素类型(块级、行内、未知尺寸、绝对定位等)和使用的技术,有多种实现方式。以下是 全面、清晰、结构化 的回答,适合在面试中展示...
面试题:line-height: 100% 和 line-height: 1 有什么区别?
这是一个考察对 CSS line-height 属性计算方式深刻理解的经典面试题。虽然 100% 和 1 看似等价,但在 line-height 的上下文中,它们的行为有本质区别。 核心区别 值计算方式是否继承实际效果lin...
面试题:ES6 中,如何提取深度嵌套的对象中的指定属性?
在 ES6 及后续版本中,提取深度嵌套对象中的属性,最常用和推荐的方法是使用 解构赋值 (Destructuring Assignment),并结合 可选链操作符 (Optional Chaining, ES2020) 来安全地处理可能为 null...
面试题:怎么实现网页三栏布局?
三栏布局是前端开发中常见的经典布局模式,通常指左右两栏固定宽度,中间一栏自适应(圣杯布局或双飞翼布局)。以下是多种实现方式,从传统到现代,全面覆盖。 一、什么是三栏布局? 左侧栏:固...
