排序
面试题:什么是 ES6 新增的模板语法?
ES6(ECMAScript 2015)中新增的模板语法,主要指的是模板字符串(Template Literals)。它是一种革命性的字符串定义方式,使用反引号(`)来包裹字符串,解决了传统字符串在多行文本和变量拼接...
面试题:如何在 React 中阻止事件的默认行为?
在 React 中阻止事件的默认行为,需要调用事件对象(SyntheticEvent)上的 preventDefault() 方法。不能使用 return false 的方式,因为这在 React 中无效。 ✅ 正确方法:使用 event.preventDe...
面试题:display:none 与 visibility:hidden 的区别
display: none 和 visibility: hidden 都可以隐藏 HTML 元素,但它们在行为、对布局的影响以及性能上有着本质的区别。理解这些差异对于精确控制页面显示和布局至关重要。 一、核心区别对比 特性...
面试题:Vue 中 computed 和 watch 的区别是什么?
在 Vue 中,computed 和 watch 都是用于响应数据变化的特性,但它们在用途和工作方式上有明显的区别。 🎯 核心区别总结 特性computedwatch用途计算衍生数据监听数据变化执行副作用返回值必须返...
面试题:React 中 key 的作用是什么?
在 React 中,key 是一个特殊的字符串属性,用于帮助 React 识别哪些元素发生了变化、被添加或被删除,从而在渲染列表时高效地更新 DOM。 核心作用:标识列表中元素的唯一性 当 React 渲染一个...
面试题:JavaScript 数组的 map 和 forEach 函数中能否通过 break 等语法结束循环?
这是一个很好的 JavaScript 面试题,考察对数组方法底层机制的理解。 ✅ 直接答案: 不能。 map 和 forEach 是数组方法,不是普通的 for 循环,因此无法使用 break、continue 或 return 来直接...
面试题:如何访问 Vue 子组件的实例或子元素?
在 Vue 中,有时需要从父组件直接访问子组件的实例或其内部的 DOM 元素。Vue 提供了 ref 特性来实现这一需求。 核心方法:使用 ref 在子组件或元素上定义 ref:在父组件的模板中,为要访问的子...
面试题:说说你对 sticky 定位的理解
position: sticky 是 CSS 中一种非常实用的定位方式,结合了 relative 和 fixed 定位的特点。 它允许元素在滚动到特定阈值之前表现得像相对定位(relative),一旦达到该阈值,则表现得像固定定...
面试题:使用 clear 属性清除浮动的原理?
面试题:使用 clear 属性清除浮动的原理? clear 属性是 CSS 中用于控制元素与浮动元素之间位置关系的重要属性,常用于“清除浮动”或“避免内容环绕浮动元素”。理解其原理对于掌握传统布局方...
面试题:什么是替换元素?说说其概念及计算规则
什么是替换元素? 在 CSS 中,替换元素(Replaced Element) 是指其内容的外观和尺寸不由 CSS 直接控制,而是由外部资源或浏览器默认行为决定的 HTML 元素。 简单来说,替换元素的“内容”是“...
