前端共264篇

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

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

面试题:有哪些定义 Vue 组件模板的方法?

在 Vue 中,定义组件模板(template)有多种方式,适用于不同的开发场景和项目需求。以下是主要的几种方法,涵盖 Vue 2 和 Vue 3 的实践。 一、1. 单文件组件(SFC)中的 <template> 标签...
程序百科的头像-程序百科程序百科1年前
6715

面试题:isNaN 和 Number.isNaN 函数有什么区别?

isNaN() 和 Number.isNaN() 都是 JavaScript 中用于检查一个值是否为 NaN(Not-a-Number)的函数,但它们的行为有本质区别,尤其是在处理非数字类型的输入时。 一、isNaN()(全局函数) 行为: ...
程序百科的头像-程序百科程序百科1年前
6715

面试题:::before 和 :after 的双冒号和单冒号有什么区别?

在CSS中,::before 和 ::after 伪元素的双冒号(::)和单冒号(:)在功能上没有区别,它们的作用完全相同。 两者之间的区别主要在于语法规范的演进和浏览器兼容性: CSS3 规范的区分: 在 CSS3 ...
程序百科的头像-程序百科程序百科1年前
676

面试题:CSS 的 position 有哪些属性值,区别是什么?

position 是 CSS 中控制元素定位的核心属性,它决定了元素如何在页面中放置。共有 5 个标准属性值,每个都有独特的定位行为。 1. static (默认值) 行为: 元素按照正常的文档流(Normal Documen...
程序百科的头像-程序百科程序百科1年前
6714

面试题:CSS3 中的 transform 有哪些属性?

面试题:CSS3 中的 transform 有哪些属性? transform 是 CSS3 中用于对元素进行变形的强大属性,它可以在不改变文档流的情况下,对元素进行平移、旋转、缩放、倾斜等操作,广泛应用于动画、交...
程序百科的头像-程序百科程序百科1年前
666

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

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

面试题:HTML 中,img 标签 srcset 属性的作用是什么?

<img> 标签的 srcset 属性是 HTML5 引入的一个响应式图像特性,它的主要作用是为不同的设备和屏幕条件提供多个图像源,让浏览器能够根据当前的显示环境(如屏幕分辨率、像素密度、视口大...
程序百科的头像-程序百科程序百科1年前
666

面试题:为什么 Vue 写组件时可以放在 .vue 文件里?可以使用其他文件后缀吗?

这是一个考察对 Vue 项目构建机制理解的面试题。核心在于 Vue 的构建工具如何解析和处理 .vue 文件。 一、为什么可以将组件写在 .vue 文件里? 因为 .vue 文件是一种 单文件组件(Single File C...
程序百科的头像-程序百科程序百科1年前
667

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

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