排序
面试题:React 中如何获取组件对应的 DOM 元素?
在 React 中,直接操作 DOM 通常不被推荐(应优先考虑状态驱动 UI),但在某些特定场景下(如管理焦点、触发动画、集成第三方库)需要访问真实的 DOM 元素。React 提供了 ref 来实现这一需求。 ...
面试题:HTML4 与 HTML5 有什么区别
HTML4 与 HTML5 之间存在着显著的区别,主要体现在设计理念、语义化、功能特性、兼容性等多个方面。以下是两者的主要区别: 1. 语义化标签(Semantic Elements) HTML4: 缺乏明确的语义化标签,...
面试题:如何用 CSS 实现一个扇形?
这是一个非常有挑战性的 CSS 面试题,考察对 CSS 形状、变换和布局的深入理解。实现一个扇形通常需要结合 border-radius、clip-path 或 transform 等技术。 核心思路 扇形是圆的一部分,由一个...
面试题:什么是替换元素?说说其概念及计算规则
什么是替换元素? 在 CSS 中,替换元素(Replaced Element) 是指其内容的外观和尺寸不由 CSS 直接控制,而是由外部资源或浏览器默认行为决定的 HTML 元素。 简单来说,替换元素的“内容”是“...
面试题:什么是 AJAX?如何实现一个 AJAX 请求?
什么是 AJAX? AJAX(Asynchronous JavaScript and XML)不是一种单一的技术,而是一种编程范式或技术组合。它指的是使用一组 Web 技术(主要是 JavaScript 和 XMLHttpRequest 对象)在不重新加...
面试题:JavaScript 有哪些数据类型?它们的区别是什么?
JavaScript 的数据类型可以分为两大类:原始类型(Primitive Types) 和 对象类型(Object Type)。 一、原始类型(Primitive Types) 原始类型是不可变的(immutable),存储在栈内存中。它们...
面试题:怎么使 CSS 样式只在当前 Vue 组件中生效?
在 Vue 中,为了实现 CSS 样式的组件作用域(Scoped Styling),防止样式污染全局或其他组件,有以下几种常用方法: 1. 使用 scoped 属性(最常用) 在 <style> 标签上添加 scoped 属性,...
面试题:Vue 中 computed 和 watch 的区别是什么?
在 Vue 中,computed 和 watch 都是用于响应数据变化的特性,但它们在用途和工作方式上有明显的区别。 🎯 核心区别总结 特性computedwatch用途计算衍生数据监听数据变化执行副作用返回值必须返...
面试题:React 中有几种构建组件的方式?它们的区别是什么?
在 React 中,构建组件主要有三种方式,随着 React 版本的演进,推荐的方式也在不断变化。以下是当前主流的组件构建方式及其区别: 1. 函数组件 (Function Components) 定义:使用 JavaScript ...
面试题:说说真实 DOM 和虚拟 DOM 的区别?它们的优缺点是什么?
这是一道非常经典的前端面试题,考察对核心渲染机制的理解。 下面从定义、区别、优缺点三个层面来拆解,并给出一个可以直接用于面试的参考答案。 一、核心定义 真实 DOM:浏览器提供的、代表HTM...
