前端共256篇

面试题:typeof 和 instanceof 有什么区别?

typeof 和 instanceof 都是 JavaScript 中用于类型检查的操作符,但它们的用途、工作原理和适用场景有显著区别。 一、typeof 操作符 作用: 返回一个表示操作数基本类型的字符串。 主要用于检查...
程序百科的头像-程序百科程序百科4个月前
2815

面试题:为什么 React 不推荐直接修改 state?如果需要修改 state,应该如何操作?

在 React 中,直接修改 state(即 this.state)是被严格禁止的。React 不推荐这样做的原因以及正确的修改方式如下: 为什么不能直接修改 state? 绕过 React 的状态管理机制:React 的 state 不...
程序百科的头像-程序百科程序百科3个月前
285

面试题:什么是 margin 重叠问题?如何解决?

Margin 重叠问题(Margin Collapse)是 CSS 布局中的一个重要特性,尤其在使用块级元素时经常遇到。理解它对于精确控制页面布局至关重要。 一、什么是 margin 重叠(Margin Collapse)? 在 标...
程序百科的头像-程序百科程序百科4个月前
285

面试题:如何判断 JavaScript 变量是数组?

在 JavaScript 中,由于数组本质上是对象,使用 typeof 无法准确判断数组类型(typeof [] 返回 'object')。因此,需要使用更可靠的方法来判断一个变量是否为数组。 以下是几种常用且推荐的方法...
程序百科的头像-程序百科程序百科4个月前
285

面试题:v-on 在 Vue 中可以绑定多个方法吗?

是的,v-on 在 Vue 中可以绑定多个方法。Vue 提供了多种方式来实现这一需求。 🎯 方式一:对象语法(最常用) 基本用法 <template> <button v-on='{ click: handleClick, mouseenter: han...
程序百科的头像-程序百科程序百科3个月前
287

面试题:说说你对媒体查询的理解?

媒体查询(Media Queries) 是 CSS3 中的一项核心技术,它允许开发者根据设备的特性(如屏幕宽度、高度、分辨率、方向、颜色等)来有条件地应用 CSS 样式。 它是实现响应式设计(Responsive Des...
程序百科的头像-程序百科程序百科4个月前
2711

面试题:display:inline-block 什么时候会显示间隙?

display: inline-block 元素之间出现空白间隙是一个经典的 CSS 布局问题。这个间隙并非由 margin 引起,而是由于 HTML 中的空白字符(空格、换行、制表符)在渲染时被当作“空白符”处理所导致...
程序百科的头像-程序百科程序百科4个月前
275

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

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

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

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

面试题:React 中 key 的作用是什么?

在 React 中,key 是一个特殊的字符串属性,用于帮助 React 识别哪些元素发生了变化、被添加或被删除,从而在渲染列表时高效地更新 DOM。 核心作用:标识列表中元素的唯一性 当 React 渲染一个...
程序百科的头像-程序百科程序百科2个月前
2710