排序
面试题:Vue 实例在挂载过程中发生了什么?
当一个 Vue 实例(或组件)被挂载(mount)时,它会经历一系列内部步骤,从创建实例到最终将虚拟 DOM 渲染为真实 DOM 并插入页面。这个过程主要涉及 beforeMount 和 mounted 两个生命周期钩子。...
面试题:说说你对盒模型的理解
说说你对盒模型的理解 盒模型(Box Model) 是 CSS 布局的核心概念,它定义了每个 HTML 元素在页面上所占据的空间结构。理解盒模型是掌握网页布局的基础。 一、盒模型的组成 每一个元素都被视为...
面试题:Vue 的模板语法使用的是哪个 Web 模板引擎?介绍下该模板引擎
这是一个考察对 Vue 模板机制底层原理理解的面试题。 直接答案: Vue 的模板语法并不是基于任何第三方 Web 模板引擎(如 Handlebars、Mustache、Pug 等),而是 Vue 自研的一套模板编译系统。 ...
面试题:Vue 中怎么获取 DOM 节点?
在 Vue 中,获取 DOM 节点是通过 ref 特性来实现的。直接操作 DOM 不是 Vue 推荐的首选方式(Vue 提倡声明式渲染和数据驱动),但在某些特定场景下(如触发焦点、测量元素尺寸、集成第三方库等...
面试题:如何在 React 中阻止事件的默认行为?
在 React 中阻止事件的默认行为,需要调用事件对象(SyntheticEvent)上的 preventDefault() 方法。不能使用 return false 的方式,因为这在 React 中无效。 ✅ 正确方法:使用 event.preventDe...
面试题:React 中,父子组件如何进行通信?
在 React 中,组件通信是构建复杂应用的核心。父子组件通信是最基础、最常见的方式,其核心原则是 “数据单向流动” —— 数据从父组件流向子组件。 1. 父组件向子组件传递数据:通过 props 这...
面试题:什么是 Vue 的前端路由?如何实现?
Vue 的前端路由是指在单页面应用(SPA)中,通过 JavaScript 在不重新加载整个页面的情况下,实现不同“视图”或“页面”之间的切换和导航。 它利用浏览器的 History API 或 hash 模式来管理 UR...
面试题:什么是 JavaScript 中的包装类型?
在 JavaScript 中,包装类型(Wrapper Types) 是一种特殊的对象类型,它为原始数据类型(Primitive Types)提供了方法和属性,使得我们能够像操作对象一样操作原始值。 1. 为什么需要包装类型...
面试题:为什么 Vue 中的 data 属性是一个函数而不是一个对象?
这是一个 Vue.js 面试中的经典问题,考察对组件实例化机制和数据隔离的理解。 核心答案:在 Vue 组件中,data 必须是一个函数,而不是一个对象,是为了保证每个组件实例都能拥有自己独立的数据...
面试题:React 处理表单输入的方法有哪些?
在 React 中处理表单输入是常见且重要的任务。由于 React 的“单向数据流”和“状态驱动视图”特性,表单处理与原生 JavaScript 有所不同。主要方法分为两大类:受控组件 (Controlled Component...
