前端共264篇

面试题:如何用 CSS 实现一个宽高自适应的正方形?

要使用 CSS 实现一个宽高自适应的正方形,可以利用多种方法。这里介绍几种常见的实现方式: 方法一:使用 padding-top 或 padding-bottom 这种方法利用了 padding 百分比值是相对于包含块的宽度...
程序百科的头像-程序百科程序百科12个月前
4811

面试题:为什么 Vue 的 data 属性必须声明为返回一个初始数据的函数?

这是一个非常经典的 Vue 面试题,核心原因在于 JavaScript 的对象引用机制和 组件复用的需求。 问题核心:组件是可复用的 在 Vue 中,组件(Component)是一个可复用的实例。我们可以在一个应用...
程序百科的头像-程序百科程序百科12个月前
487

面试题:Vue 中 computed 和 watch 的区别是什么?

在 Vue 中,computed 和 watch 都是用于响应数据变化的特性,但它们在用途和工作方式上有明显的区别。 🎯 核心区别总结 特性computedwatch用途计算衍生数据监听数据变化执行副作用返回值必须返...
程序百科的头像-程序百科程序百科11个月前
4810

面试题:== 操作符的强制类型转换规则是什么?

JavaScript 中的 == 操作符(相等操作符)在比较两个值时,会进行隐式类型转换(也称为强制类型转换),以使两边的类型相同后再进行比较。这种机制虽然提供了灵活性,但也容易导致难以预料的结...
程序百科的头像-程序百科程序百科12个月前
489

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

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

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

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

面试题:JavaScript 如何判断一个对象是否属于某个类?

在 JavaScript 中,判断一个对象是否属于某个类(或更准确地说,是否由某个构造函数创建或在其原型链上)有多种方法,各有优缺点和适用场景。 1. instanceof 操作符 作用:检查一个对象在其原型...
程序百科的头像-程序百科程序百科12个月前
4712

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

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

面试题:什么是无状态组件?无状态组件的应用场景有哪些?

这是一道考察React组件设计模式的经典面试题,重点在于理解函数式编程思想和组件最佳实践。 下面从定义、特点、应用场景、以及与有状态组件的对比来拆解。 一、核心定义 什么是无状态组件? 无...
程序百科的头像-程序百科程序百科4个月前
4613

面试题:JavaScript 中怎么删除数组最后一个元素?

这是一个基础但高频的 JavaScript 面试题。删除数组最后一个元素有多种方法,以下是几种常用方式及其区别: ✅ 方法一:pop() —— 最常用、最推荐 const arr = [1, 2, 3, 4]; const lastElemen...
程序百科的头像-程序百科程序百科12个月前
4612