前端共264篇

面试题:React 中如何获取组件对应的 DOM 元素?

在 React 中,直接操作 DOM 通常不被推荐(应优先考虑状态驱动 UI),但在某些特定场景下(如管理焦点、触发动画、集成第三方库)需要访问真实的 DOM 元素。React 提供了 ref 来实现这一需求。 ...
程序百科的头像-程序百科程序百科5个月前
4613

面试题:说说你对 Vue 的理解?相比于原生开发,使用 Vue 有哪些优点?

对 Vue 的理解 Vue (读音 /vjuː/,类似于 'view') 是一个用于构建用户界面的渐进式 JavaScript 框架。 渐进式 (Progressive):这是 Vue 最核心的特性。它意味着你可以根据项目需求,选择性地使...
程序百科的头像-程序百科程序百科6个月前
4511

面试题:Canvas 和 SVG 有什么区别?

<canvas> 和 <svg> 都是 HTML5 中用于在网页上绘制图形、创建动态视觉效果的技术,但它们在底层原理、使用方式、性能特点和适用场景上有着根本性的区别。 以下是 Canvas 和 SVG 的...
程序百科的头像-程序百科程序百科7个月前
4514

面试题:为什么 li 与 li 元素之间有看不见的空白间隔?如何解决?

这是一个非常经典且在实际开发中频繁遇到的 HTML/CSS 问题。这个问题的本质是HTML 中的空白字符(whitespace)在特定布局模式下被渲染成了可视的空白。 一、问题原因 <li> 元素之间出现看...
程序百科的头像-程序百科程序百科7个月前
4514

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

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

面试题:如何在浏览器可视区域画一个最大的正方形?

这是一个考察对 CSS 布局、视口单位和响应式设计理解的面试题。 目标是创建一个在任何屏幕尺寸下都尽可能大,且保持为正方形,并完全位于可视区域内的元素。 核心思路 要画一个“最大”的正方形...
程序百科的头像-程序百科程序百科7个月前
455

面试题:CSS 中是否存在父选择器?其背后的原因是什么?

这是一个非常深入且经典的 CSS 面试题,触及了 CSS 选择器的核心设计原理。 核心答案 在标准的、广泛支持的 CSS 中,不存在真正的“父选择器”或“祖先选择器”。 你不能直接通过一个子元素的存...
程序百科的头像-程序百科程序百科7个月前
4514

面试题:React 中 Element 和 Component 有什么区别?

这是一道考察React核心概念的基础题,虽然简单但很容易说错。关键在于理解:Element是描述,Component是函数或类。 下面从本质、创建方式、用途等维度来拆解。 一、核心结论 Element是一个普通...
程序百科的头像-程序百科程序百科8天前
4510

面试题:HTML5 的离线储存怎么使用?它的工作原理是什么?

HTML5 的离线存储主要通过 Service Worker 技术实现(Application Cache 已被废弃)。它允许 Web 应用在无网络连接时依然可以访问,提供类似原生应用的体验。 下面详细介绍其使用方法和工作原理...
程序百科的头像-程序百科程序百科7个月前
4514

面试题:如何使用 React 的 useState?请举例说明

useState 是 React Hooks 中最基础也是最常用的 Hook,它允许你在函数组件中添加本地状态(state),而无需使用类组件。 1. 基本语法 const [state, setState] = useState(initialState); state...
程序百科的头像-程序百科程序百科5个月前
458