前端共256篇

面试题:为什么在 React 中使用 className 而不是 class?

在 React 中使用 className 而不是 class 来指定 HTML 元素的 CSS 类,主要原因如下: 1. JavaScript 语言保留字冲突 这是最核心的原因。 class 是 JavaScript (ES6) 中的一个保留关键字,用于...
程序百科的头像-程序百科程序百科5个月前
4015

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

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

面试题:JavaScript 数组的遍历方法有哪些?

JavaScript 提供了多种遍历数组的方法,每种方法都有其特定的用途和特点。以下是主要的数组遍历方法: 1. 传统循环 (Traditional Loops) 这些是最基础、性能通常最好的方法。 for 循环: 最灵活...
程序百科的头像-程序百科程序百科6个月前
4015

面试题:CSS 优化和提高性能的方法有哪些?

这是一个非常经典的前端性能优化问题。CSS 虽然看似简单,但不当的写法会严重影响页面渲染性能。以下是一些关键的 CSS 优化和性能提升方法,按类别进行组织: 一、选择器优化 避免使用通配符和...
程序百科的头像-程序百科程序百科6个月前
4015

面试题:怎么在组件初始化时立即调用 Vue 的 watch 函数?

这是一个常见的面试题,考察对 Vue 响应式系统和 watch 选项的深入理解。 核心答案: 在 Vue 中,watch 默认不会在组件初始化时立即执行。如果希望在监听的数据初始化时就立即执行一次回调函数...
程序百科的头像-程序百科程序百科5个月前
408

面试题:Vue 在 created 和 mounted 这两个生命周期钩子中请求数据有什么区别?

在 Vue 中,created 和 mounted 都是常用的生命周期钩子,都可以用来发起数据请求,但它们在执行时机和适用场景上存在关键区别。 1. 执行时机 created 钩子: 在实例创建完成后立即调用。 此时...
程序百科的头像-程序百科程序百科6个月前
406

面试题:Vue Router 支持哪几种路由模式?它们有什么区别?

Vue Router 支持两种主要的路由模式,用于在单页面应用(SPA)中实现无刷新的页面切换: Hash 模式 (默认模式) History 模式 1. Hash 模式 实现方式:使用 URL 的 hash(#)部分来模拟一个完整...
程序百科的头像-程序百科程序百科5个月前
4013

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

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

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

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

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

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