前端共264篇

面试题:Vue 计算属性的函数名和 data 中的属性可以同名吗?为什么?

不可以。在 Vue 中,计算属性(computed)的函数名不能与 data 中的属性同名。 如果尝试这样做,Vue 会抛出一个明确的运行时错误。 为什么会报错? Vue 的设计原则是确保数据来源的唯一性和可预...
程序百科的头像-程序百科程序百科6个月前
689

面试题:HTML 中,title 与 h1 标签的区别是什么?

<title> 和 <h1> 标签在 HTML 中都与“标题”相关,但它们的作用、位置、用途和对用户及搜索引擎的影响完全不同。理解它们的区别对于网站的可用性、可访问性和 SEO(搜索引擎优化)...
程序百科的头像-程序百科程序百科7个月前
6810

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

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

面试题:React 处理表单输入的方法有哪些?

在 React 中处理表单输入是常见且重要的任务。由于 React 的“单向数据流”和“状态驱动视图”特性,表单处理与原生 JavaScript 有所不同。主要方法分为两大类:受控组件 (Controlled Component...
程序百科的头像-程序百科程序百科5个月前
6811

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

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

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

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

面试题:️ES6 有哪些新特性?

ES6(ECMAScript 2015)是 JavaScript 语言历史上一次重大的更新,引入了大量现代化的语法和特性,极大地提升了语言的表达能力、开发效率和代码可维护性。以下是 ES6 的主要新特性,按类别进行...
程序百科的头像-程序百科程序百科7个月前
655

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

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

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

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

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

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