前端共256篇

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

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

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

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

面试题:如何重置 Vue 的 data?

在 Vue 中,“重置 data”通常指的是将组件实例的数据恢复到其初始状态(即组件创建时 data 函数返回的对象)。有几种常用的方法来实现这一目标。 方法一:调用 data() 函数并合并(推荐) 这是...
程序百科的头像-程序百科程序百科2个月前
2512

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

在 Vue 中,computed(计算属性)和 methods(方法)都可以用来封装逻辑和返回数据,但它们在缓存机制、调用方式和适用场景上有本质区别。 核心区别总结 特性computed (计算属性)methods (方法)...
程序百科的头像-程序百科程序百科1个月前
4812

面试题:CSS 中 display、float、position 的关系是什么?

这是一个深入理解 CSS 布局机制的高级面试题。display、float 和 position 都能影响元素的盒模型生成和布局,它们之间存在复杂的优先级和相互覆盖关系。 核心原则 CSS 规范定义了当一个元素同时...
程序百科的头像-程序百科程序百科2个月前
4812

面试题:CSS display 属性值 block、inline 和 inline-block 的区别

这是一个非常基础且重要的 CSS 面试题,考察对盒模型和元素布局行为的理解。 核心区别总结 这三种 display 值决定了元素在页面流中的布局行为,主要体现在以下几个方面: 是否独占一行 能否设置...
程序百科的头像-程序百科程序百科2个月前
4012

面试题:相比于原生开发,React 框架的优缺点是什么?

React 作为当前最流行的前端框架之一,相比原生 JavaScript(或 jQuery)开发,具有显著的优势,但也存在一些缺点。理解这些优劣对于技术选型至关重要。 一、React 的优点 1. 组件化开发 (Compo...
程序百科的头像-程序百科程序百科18天前
3912

面试题:什么是 Vue 的生命周期?生命周期的作用是什么?

什么是 Vue 的生命周期? Vue 的生命周期指的是一个 Vue 组件从创建、挂载、更新到最终销毁的整个过程。在这个过程中,Vue 框架会在特定的时间点自动调用一些预先定义好的函数,这些函数被称为...
程序百科的头像-程序百科程序百科1个月前
3312

面试题:Vue 项目中如何监听键盘事件?

在 Vue 项目中,监听键盘事件(如 keydown、keyup)有多种方式,既可以使用原生的 DOM 事件,也可以利用 Vue 提供的按键修饰符来简化开发。以下是详细的实现方法: 一、使用 v-on 或 @ 绑定键盘...
程序百科的头像-程序百科程序百科1个月前
4512

面试题:Vue 中 data 的属性可以与 methods 中的方法同名吗?为什么?

不可以。在 Vue 中,data 的属性不应该与 methods 中的方法同名。 主要原因如下: 1. 命名冲突与覆盖(核心原因) Vue 在初始化组件实例时,会将 data 函数返回的对象中的所有属性,以及 method...
程序百科的头像-程序百科程序百科1个月前
3212