前端共256篇

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

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

面试题:什么是 React 受控组件和非受控组件?它们有什么区别?

在 React 中,组件可以分为受控组件 (Controlled Components) 和非受控组件 (Uncontrolled Components)。这种分类主要针对处理表单元素(如 <input>, <textarea>, <select>)...
程序百科的头像-程序百科程序百科1个月前
5513

面试题:说说 px、em、rem 的区别及使用场景

面试题:说说 px、em、rem 的区别及使用场景 px、em、rem 是 CSS 中常用的长度单位,它们在参考基准、继承行为和响应式能力上有显著区别。理解它们的差异对于构建可维护、可访问、响应式的网页...
程序百科的头像-程序百科程序百科2个月前
558

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

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

面试题:escape、encodeURI、encodeURIComponent 的区别是什么?

escape、encodeURI 和 encodeURIComponent 都是 JavaScript 中用于对字符串进行编码的函数,主要用于处理 URL 或查询参数中的特殊字符。但它们的作用范围、编码规则和现代推荐程度有显著区别。 ...
程序百科的头像-程序百科程序百科2个月前
5410

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

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

面试题:Object.assign 和对象扩展运算符有什么区别?是深拷贝还是浅拷贝?

Object.assign 和对象扩展运算符(...)在功能上非常相似,都用于浅拷贝对象属性。它们的主要区别在于语法、使用场景和一些细微的行为差异。 1. 功能与相似性 两者都用于将一个或多个源对象的可...
程序百科的头像-程序百科程序百科2个月前
5415

面试题:mouseover 和 mouseenter 事件的区别是什么?

mouseover 和 mouseenter 都是鼠标进入元素时触发的事件,但它们在事件冒泡(或事件传播)的行为上有关键区别: 1. mouseover 事件 触发时机:当鼠标指针进入元素或其任何子元素时触发。 冒泡行...
程序百科的头像-程序百科程序百科2个月前
5413

面试题:常见的 CSS 布局单位有哪些?

面试题:常见的 CSS 布局单位有哪些? CSS 提供了丰富的长度和布局单位,用于控制元素的尺寸、间距、字体等。根据使用场景,这些单位可分为 绝对单位 和 相对单位 两大类。掌握它们的特性有助于...
程序百科的头像-程序百科程序百科2个月前
548

面试题:浏览器是如何对 HTML5 的离线储存资源进行管理和加载的?

HTML5 的离线存储主要通过 Application Cache (AppCache) 和 Service Worker 两种技术实现。需要注意的是,Application Cache 已被现代浏览器废弃,因其存在诸多设计缺陷,而 Service Worker 是...
程序百科的头像-程序百科程序百科2个月前
5313