排序
面试题:Vue 中 data 的属性可以与 methods 中的方法同名吗?为什么?
不可以。在 Vue 中,data 的属性不应该与 methods 中的方法同名。 主要原因如下: 1. 命名冲突与覆盖(核心原因) Vue 在初始化组件实例时,会将 data 函数返回的对象中的所有属性,以及 method...
面试题:怎么在组件初始化时立即调用 Vue 的 watch 函数?
这是一个常见的面试题,考察对 Vue 响应式系统和 watch 选项的深入理解。 核心答案: 在 Vue 中,watch 默认不会在组件初始化时立即执行。如果希望在监听的数据初始化时就立即执行一次回调函数...
面试题:常见的 DOM 操作有哪些?
DOM (Document Object Model) 操作是前端开发的核心技能之一。常见的 DOM 操作可以分为以下几大类: 1. 查找/获取元素 (Selecting/Getting Elements) 这是所有操作的前提。 document.getElement...
面试题:说说响应式设计的概念及基本原理
面试题:说说响应式设计的概念及基本原理 一、什么是响应式设计(Responsive Design)? 响应式设计(Responsive Web Design, RWD)是一种网页设计和开发方法,旨在让同一个网站在不同设备、不...
面试题:如果 React 的 Consumer 组件在上下文树中找不到 Provider,如何处理?
这是一个很好的问题,涉及到 React Context API 的健壮性设计。 当一个 Consumer 组件在组件树中找不到对应的 Provider 时,React 会使用在 createContext 时定义的 defaultValue(默认值)。 1...
面试题:️ES6 箭头函数能当构造函数吗?
不能,ES6 箭头函数不能用作构造函数。 如果你尝试使用 new 操作符来调用一个箭头函数,JavaScript 引擎会抛出一个 TypeError 错误。 1. 直接结果 const MyArrow = () => { console.log('I am a...
面试题:JavaScript 的 forEach 和 map 方法有什么区别?
forEach 和 map 都是 JavaScript 中用于遍历数组的方法,但它们在目的、返回值和使用场景上有本质的区别。 核心区别总结 特性forEachmap目的执行副作用(如修改外部变量、操作 DOM、打印日志)...
面试题:在 Vue 的 v-for 循环中,key 有什么作用?
在 Vue 的 v-for 指令中,key 是一个非常重要的特殊属性,它的主要作用是为每个循环项提供一个唯一的“身份标识”(identity),帮助 Vue 的虚拟 DOM (Virtual DOM) 算法高效地追踪和复用元素,...
面试题:️说说 ES6 扩展运算符的作用及使用场景?
ES6(ECMAScript 2015)引入的扩展运算符(Spread Operator),使用三个点 ... 表示,是一种非常强大且常用的语法特性。它的核心作用是将一个可迭代对象(如数组、字符串、类数组对象...
面试题:如何用 CSS 实现一个宽高自适应的正方形?
要使用 CSS 实现一个宽高自适应的正方形,可以利用多种方法。这里介绍几种常见的实现方式: 方法一:使用 padding-top 或 padding-bottom 这种方法利用了 padding 百分比值是相对于包含块的宽度...
