前端共256篇

面试题:如何在 React 中阻止事件的默认行为?

在 React 中阻止事件的默认行为,需要调用事件对象(SyntheticEvent)上的 preventDefault() 方法。不能使用 return false 的方式,因为这在 React 中无效。 ✅ 正确方法:使用 event.preventDe...
程序百科的头像-程序百科程序百科2个月前
2711

面试题:有哪些默认 display: block 元素和 display: inline 元素?你还知道哪些 display 取值?

这是一个考察 HTML 元素默认行为和 CSS display 属性知识的面试题。回答时需要清晰分类,并展示对现代布局的理解。 一、默认 display: block 的元素 这类元素在页面中独占一行,会从新行开始,...
程序百科的头像-程序百科程序百科4个月前
4213

面试题:display:none 与 visibility:hidden 的区别

display: none 和 visibility: hidden 都可以隐藏 HTML 元素,但它们在行为、对布局的影响以及性能上有着本质的区别。理解这些差异对于精确控制页面显示和布局至关重要。 一、核心区别对比 特性...
程序百科的头像-程序百科程序百科4个月前
2713

面试题:什么是 JavaScript 的类数组对象?如何转化为数组?

什么是 JavaScript 的类数组对象? 类数组对象(Array-like Object) 指的是一个普通对象,它具备以下两个关键特征,使其行为类似于数组,但不是真正的 Array 实例: 具有 length 属性:这个属...
程序百科的头像-程序百科程序百科4个月前
477

面试题:什么是 ES6 的数组解构和对象解构?

ES6(ECMAScript 2015)引入的解构赋值(Destructuring Assignment)是一种非常强大且优雅的语法,它允许你从数组或对象中提取数据,并将其赋值给变量。这极大地简化了数据提取的代码,使其更简...
程序百科的头像-程序百科程序百科4个月前
387

面试题:Vue 项目中如何监听键盘事件?

在 Vue 项目中,监听键盘事件(如 keydown、keyup)有多种方式,既可以使用原生的 DOM 事件,也可以利用 Vue 提供的按键修饰符来简化开发。以下是详细的实现方法: 一、使用 v-on 或 @ 绑定键盘...
程序百科的头像-程序百科程序百科3个月前
4612

面试题:Vue 中 data 的属性可以与 methods 中的方法同名吗?为什么?

不可以。在 Vue 中,data 的属性不应该与 methods 中的方法同名。 主要原因如下: 1. 命名冲突与覆盖(核心原因) Vue 在初始化组件实例时,会将 data 函数返回的对象中的所有属性,以及 method...
程序百科的头像-程序百科程序百科3个月前
3512

面试题:React 中,父子组件如何进行通信?

在 React 中,组件通信是构建复杂应用的核心。父子组件通信是最基础、最常见的方式,其核心原则是 “数据单向流动” —— 数据从父组件流向子组件。 1. 父组件向子组件传递数据:通过 props 这...
程序百科的头像-程序百科程序百科2个月前
3611

面试题:HTML 中,i 与 em 标签的区别是什么?

<i> 和 <em> 标签在默认的视觉呈现上非常相似,通常都会将文本显示为斜体(italic)。然而,它们在 语义(Semantics)和用途 上有着根本的区别。理解这一点对于编写语义化、可访问...
程序百科的头像-程序百科程序百科4个月前
4214

面试题:CSS 的 position 有哪些属性值,区别是什么?

position 是 CSS 中控制元素定位的核心属性,它决定了元素如何在页面中放置。共有 5 个标准属性值,每个都有独特的定位行为。 1. static (默认值) 行为: 元素按照正常的文档流(Normal Documen...
程序百科的头像-程序百科程序百科4个月前
4614