前端共256篇

面试题:CSS 的 flex 布局有什么好处?

这是一个非常经典且重要的 CSS 面试题,考察对现代布局技术的理解。Flexbox(弹性盒子布局)是 CSS3 中引入的强大布局模型,它极大地简化了复杂布局的实现。 核心好处总结 Flexbox 的主要优势在...
程序百科的头像-程序百科程序百科6个月前
648

面试题:️ES6 有哪些新特性?

ES6(ECMAScript 2015)是 JavaScript 语言历史上一次重大的更新,引入了大量现代化的语法和特性,极大地提升了语言的表达能力、开发效率和代码可维护性。以下是 ES6 的主要新特性,按类别进行...
程序百科的头像-程序百科程序百科6个月前
635

面试题:React 项目中,如何动态改变组件的 class 来切换样式?

在 React 项目中,动态改变组件的 class 来切换样式是一个常见的需求。这可以通过多种方式实现,包括直接操作 className 属性、使用状态管理以及借助第三方库来简化样式处理。以下是几种主要的...
程序百科的头像-程序百科程序百科4个月前
639

面试题:CSS 伪元素和伪类的作用和区别?

这是一个经典的 CSS 面试题,理解伪元素和伪类的区别对于掌握 CSS 选择器至关重要。 核心区别总结 伪类 (Pseudo-classes):用于描述一个元素的特定状态或位置。它选择的是已存在的元素,但处于...
程序百科的头像-程序百科程序百科6个月前
6312

面试题:JavaScript 如何使用 for…of 遍历对象?

这是一个常见的面试题,考察对 JavaScript 迭代机制的理解。 核心答案: 普通的 JavaScript 对象(Object)默认是不可迭代的,因此不能直接使用 for...of 遍历。 但可以通过一些方法使其支持 fo...
程序百科的头像-程序百科程序百科6个月前
6310

面试题:Object.is() 与比较操作符 == 和 === 的区别是什么?

Object.is()、==(相等)和 ===(严格相等)都是 JavaScript 中用于比较两个值是否相等的操作,但它们在处理某些特殊情况时有显著区别。 一、核心区别概览 比较方式名称是否有类型转换特殊情况...
程序百科的头像-程序百科程序百科6个月前
637

面试题:在 React 自定义组件中,render 函数是可选的吗?为什么?

在 React 中,render 函数是否可选,取决于你使用的是哪种组件定义方式: 1. 对于类组件 (Class Components) render 函数是必需的(不可选)。 为什么? render 方法是 React 类组件的核心生命...
程序百科的头像-程序百科程序百科5个月前
636

面试题:如果 React 的 render 函数中的 return 没有使用圆括号,会出现什么问题?

在 React 的 render 函数(或函数组件)中,return 语句是否使用圆括号(())主要影响的是 JavaScript 的自动分号插入 (ASI, Automatic Semicolon Insertion) 行为,这可能导致代码出现意外的结...
程序百科的头像-程序百科程序百科5个月前
6313

面试题:如何消除 inline-block 元素之间的间隙?

这是一个非常经典的 CSS 布局问题。inline-block 元素之间的间隙是由于 HTML 源码中的空白字符(空格、换行、制表符)在渲染时被当作一个空格符显示而导致的。 核心原因 当元素设置为 display: ...
程序百科的头像-程序百科程序百科6个月前
615

面试题:React 的 displayName 属性有什么作用?

在 React 中,displayName 是一个可选的字符串属性,主要用于调试和开发工具中,为组件提供一个有意义的名称,以便在 React DevTools 和错误信息中更容易地识别组件。 核心作用 在 React DevToo...
程序百科的头像-程序百科程序百科4个月前
619