前端共256篇

面试题:当 Vue 的属性名称与 methods 中的方法名称一样时,会发生什么问题?

当 Vue 组件中的 data 属性名称 与 methods 方法名称 相同时,会引发一个命名冲突,导致数据属性被方法覆盖,从而产生严重问题。 会发生什么? 数据属性被覆盖: Vue 在初始化组件实例时,会将 ...
程序百科的头像-程序百科程序百科5个月前
548

面试题:什么是 React 的 getDefaultProps?它有什么作用?

getDefaultProps 是 React 早期(使用 React.createClass 方式) 用于为组件定义默认 props 的一个特殊方法。 历史背景与现状 属于 React.createClass:getDefaultProps 是在 React 使用 React....
程序百科的头像-程序百科程序百科4个月前
3010

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

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

面试题:怎么实现元素的水平垂直居中?

元素的水平垂直居中是前端开发中最常见的布局需求之一。根据元素类型(块级、行内、未知尺寸、绝对定位等)和使用的技术,有多种实现方式。以下是 全面、清晰、结构化 的回答,适合在面试中展示...
程序百科的头像-程序百科程序百科6个月前
776

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

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

面试题:JavaScript 中为什么会有 BigInt 的提案?

JavaScript 中引入 BigInt 的提案,主要是为了解决Number 类型在表示和操作大整数时的精度限制问题。 核心原因:Number 类型的精度限制 在 JavaScript 中,所有的数字(包括整数和浮点数)都使...
程序百科的头像-程序百科程序百科6个月前
597

面试题:ES6 箭头函数和普通函数有什么区别?

ES6 箭头函数(Arrow Functions)与传统的普通函数(使用 function 关键字定义)在语法、行为和使用场景上存在显著差异。以下是它们之间的主要区别: 1. 语法差异 (Syntax) 普通函数:使用 func...
程序百科的头像-程序百科程序百科6个月前
3114

面试题:什么是 Vue 的单向数据流和双向数据流?

这是一个关于 Vue 核心设计理念的经典问题。理解“单向数据流”和“双向数据流”有助于掌握 Vue 的数据绑定机制和组件通信原则。 一、单向数据流(Unidirectional Data Flow) ✅ 定义: 单向数...
程序百科的头像-程序百科程序百科5个月前
5812

面试题:Vue Router 如何配置 404 页面?

在 Vue Router 中配置 404 页面(即“页面未找到”)是构建健壮单页应用(SPA)的重要环节。其核心原理是利用路由的匹配顺序和通配符路由。 配置 404 页面的核心步骤 1. 创建 404 组件 首先,创...
程序百科的头像-程序百科程序百科5个月前
5810

面试题:如何使用 React 开发任务记录网站?实现思路是什么?

开发一个任务记录网站(To-Do List)是 React 的经典入门项目,它涵盖了组件化、状态管理、用户交互等核心概念。以下是详细的实现思路和步骤: 一、功能需求分析 一个基础的任务记录网站通常包...
程序百科的头像-程序百科程序百科4个月前
4610