前端共264篇

面试题:CSS 中 flex: 1 是什么意思?

在 CSS 中,flex 属性是用于 Flexbox 布局模型中的一个简写属性,它能够定义 flex 项目的扩展能力、收缩能力和基础大小。 flex: 1 这种写法实际上是一个简写形式,默认情况下它是 flex: 1 1 0 ...
程序百科的头像-程序百科程序百科1年前
867

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

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

面试题:说说你对 line-height 的理解及其赋值方式

line-height 是 CSS 中用于设置行高(即文本行之间的空间)的属性。它对文本的可读性和布局有着重要影响。下面从几个方面来详细解释 line-height 及其赋值方式。 理解 line-height 定义与作用:...
程序百科的头像-程序百科程序百科1年前
857

面试题:Vue 的 v-show 和 v-if 有什么区别?使用场景分别是什么?

v-show 和 v-if 都是 Vue.js 中用于条件渲染的指令,但它们在实现原理、性能特性和使用场景上有显著区别。 核心区别对比 特性v-ifv-show实现原理条件性地渲染/销毁 DOM 元素。通过 CSS 控制 dis...
程序百科的头像-程序百科程序百科1年前
855

面试题:React 中 setState 什么时候是同步的,什么时候是异步的?

这是一道React面试中出现频率极高且容易答错的经典题。关键在于理解:setState的“同步/异步”不是由代码本身决定的,而是由调用环境决定的。 下面给出完整、准确的答案。 一、核心结论 在React...
程序百科的头像-程序百科程序百科5个月前
8511

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

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

面试题:如何定义 Vue 的动态路由?如何获取传过来的动态参数?

这是一个关于 Vue Router 的核心知识点。以下是详细的解答: 如何定义 Vue 的动态路由? 在 Vue Router 中,动态路由(Dynamic Routing)是指路由路径中包含可变部分(通常是 ID 或其他标识符)...
程序百科的头像-程序百科程序百科1年前
848

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

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

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

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

面试题:你了解 Vue 中的过滤器吗?它有哪些应用场景?

Vue 过滤器详解 1. 过滤器基础概念 Vue 过滤器主要用于文本格式化,可以在模板中直接使用。注意:Vue 3 已移除过滤器,但在 Vue 2 中仍然常用。 基本语法 <template> <!-- 使用过滤器 -->...
程序百科的头像-程序百科程序百科1年前
848