前端共256篇

面试题:HTML 中,b 与 strong 标签的区别是什么?

<b> 和 <strong> 标签在默认的视觉呈现上非常相似,通常都会将文本显示为粗体(bold)。然而,与 <i> 和 <em> 的区别类似,它们在 语义(Semantics)和用途 上有着根本...
程序百科的头像-程序百科程序百科6个月前
4510

面试题:如何判断网页元素是否到达可视区域?

这是一个非常实用的前端面试题,常用于实现懒加载、无限滚动、埋点曝光等场景。判断元素是否进入可视区域有多种方法,从简单到高级逐步演进。 ✅ 方法一:使用 getBoundingClientRect()(兼容性...
程序百科的头像-程序百科程序百科6个月前
3810

面试题:什么是 React 中类组件和函数组件?它们有什么区别?

在 React 中,类组件(Class Component) 和 函数组件(Function Component) 是定义 UI 组件的两种主要方式。随着 React Hooks 的引入,函数组件的功能大大增强,逐渐成为主流。 一、基本定义 ...
程序百科的头像-程序百科程序百科4个月前
2910

面试题:HTML 中,title 与 h1 标签的区别是什么?

<title> 和 <h1> 标签在 HTML 中都与“标题”相关,但它们的作用、位置、用途和对用户及搜索引擎的影响完全不同。理解它们的区别对于网站的可用性、可访问性和 SEO(搜索引擎优化)...
程序百科的头像-程序百科程序百科6个月前
6010

面试题:JavaScript 如何判断一个对象是不是空对象?

这是一个常见的 JavaScript 面试题,考察对对象属性遍历和 Object API 的掌握。判断一个对象是否为空对象(即不包含任何自身可枚举属性),有多种方法。 ✅ 方法一:Object.keys()(推荐,简洁...
程序百科的头像-程序百科程序百科6个月前
4510

面试题:如何将事件传递给 React 子组件?

在 React 中,由于事件处理逻辑通常位于父组件,而事件触发于子组件(如按钮点击),因此需要将事件处理函数从父组件作为 props 传递给子组件。这是 React 数据和逻辑自上而下流动的典型体现。 ...
程序百科的头像-程序百科程序百科4个月前
3210

面试题:在 Vue 组件中如何访问根实例?

在 Vue 应用中,根实例(Root Instance)通常指的是通过 new Vue()(Vue 2)或 createApp()(Vue 3)创建的最顶层的 Vue 应用实例。 在组件中访问根实例是一种不推荐的实践,因为它破坏了组件的...
程序百科的头像-程序百科程序百科5个月前
4910

面试题:React Router 中的 Link 标签和 HTML 的 a 标签有什么区别?

在 React 应用中,<Link> 标签(来自 React Router)和原生的 HTML <a> 标签虽然都用于导航,但它们在工作原理、用户体验和性能上有本质区别。 核心区别总结 特性<Link> (Rea...
程序百科的头像-程序百科程序百科4个月前
3610

面试题:Vue 中 computed 和 watch 的区别是什么?

在 Vue 中,computed 和 watch 都是用于响应数据变化的特性,但它们在用途和工作方式上有明显的区别。 🎯 核心区别总结 特性computedwatch用途计算衍生数据监听数据变化执行副作用返回值必须返...
程序百科的头像-程序百科程序百科5个月前
2810

面试题:React 中有几种构建组件的方式?它们的区别是什么?

在 React 中,构建组件主要有三种方式,随着 React 版本的演进,推荐的方式也在不断变化。以下是当前主流的组件构建方式及其区别: 1. 函数组件 (Function Components) 定义:使用 JavaScript ...
程序百科的头像-程序百科程序百科4个月前
4110