前端共264篇

面试题:如何用 CSS 实现一个宽高自适应的正方形?

要使用 CSS 实现一个宽高自适应的正方形,可以利用多种方法。这里介绍几种常见的实现方式: 方法一:使用 padding-top 或 padding-bottom 这种方法利用了 padding 百分比值是相对于包含块的宽度...
程序百科的头像-程序百科程序百科7个月前
3611

面试题:CSS 如何快速选取同组兄弟元素的偶数序号元素?

这是一个考察对 CSS 选择器,特别是结构性伪类掌握程度的面试题。 最快速、最直接的方法是使用 :nth-child(even) 伪类选择器。 核心答案 /* 选取父元素下所有偶数位置的同组兄弟元素 */ .parent...
程序百科的头像-程序百科程序百科7个月前
3613

面试题:JavaScript 其他值到数字值的转换规则是什么?

在 JavaScript 中,将其他类型值转换为数字(Number)是一个常见的隐式或显式类型转换过程。理解其规则对于避免计算错误至关重要。 转换主要通过两种方式触发: 显式转换:使用 Number() 构造函...
程序百科的头像-程序百科程序百科7个月前
367

面试题:为什么在 React 项目标签中使用 htmlFor 而不是 for?

在 React 项目中使用 htmlFor 而不是 for,主要原因如下: 1. JavaScript 保留字冲突 for 是 JavaScript 的保留关键字,用于 for 循环(如 for (let i = 0; i < 10; i++))。 React 组件的 J...
程序百科的头像-程序百科程序百科5个月前
3612

面试题:HTML5 相比于 HTML 有哪些更新?

HTML5 是对传统 HTML(主要指 HTML 4.01 和 XHTML 1.0)的一次重大革新,它不仅仅是一些新标签的增加,更是一个旨在构建更强大、更语义化、更富交互性的 Web 应用的完整框架。以下是 HTML5 相比...
程序百科的头像-程序百科程序百科7个月前
3611

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

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

面试题:display:inline-block 什么时候会显示间隙?

display: inline-block 元素之间出现空白间隙是一个经典的 CSS 布局问题。这个间隙并非由 margin 引起,而是由于 HTML 中的空白字符(空格、换行、制表符)在渲染时被当作“空白符”处理所导致...
程序百科的头像-程序百科程序百科7个月前
365

面试题:什么是 1px 问题?如何解决 1px 问题?

这是一个经典的移动端 Web 开发面试题,涉及到物理像素、CSS 像素和设备像素比(DPR)的概念。 一、什么是 1px 问题? 1px 问题是指在高分辨率的移动设备(如 Retina 屏幕)上,使用 CSS 设置 b...
程序百科的头像-程序百科程序百科7个月前
3514

面试题:ajax、axios、fetch 的区别是什么?

Ajax、Axios 和 Fetch 都是用于在浏览器中发起 HTTP 请求以实现异步数据交互的技术,但它们在概念层级、API 设计和功能上存在显著区别。 1. Ajax (Asynchronous JavaScript and XML) 本质:不是...
程序百科的头像-程序百科程序百科7个月前
3512

面试题:如何在 React 中创建一个事件?请举例说明

在 React 中,我们通常不直接创建原生 DOM 事件(如 new MouseEvent()),而是通过定义事件处理函数并将其绑定到 JSX 元素上来响应用户交互。React 使用合成事件系统(SyntheticEvent)来处理这...
程序百科的头像-程序百科程序百科5个月前
3514