前端共256篇

面试题:HTML 的 head 标签有什么作用?其中哪些标签必不可少?

<head> 标签是 HTML 文档中非常关键的一个部分,它位于 <html> 标签内,紧跟在 <html> 之后,并在 <body> 标签之前。它的主要作用是包含页面的元数据(Metadata)和为...
程序百科的头像-程序百科程序百科2个月前
507

面试题:如何消除 inline-block 元素之间的间隙?

这是一个非常经典的 CSS 布局问题。inline-block 元素之间的间隙是由于 HTML 源码中的空白字符(空格、换行、制表符)在渲染时被当作一个空格符显示而导致的。 核心原因 当元素设置为 display: ...
程序百科的头像-程序百科程序百科2个月前
515

面试题:说说你对媒体查询的理解?

媒体查询(Media Queries) 是 CSS3 中的一项核心技术,它允许开发者根据设备的特性(如屏幕宽度、高度、分辨率、方向、颜色等)来有条件地应用 CSS 样式。 它是实现响应式设计(Responsive Des...
程序百科的头像-程序百科程序百科2个月前
2511

面试题:JavaScript 数组的 map 和 forEach 函数中能否通过 break 等语法结束循环?

这是一个很好的 JavaScript 面试题,考察对数组方法底层机制的理解。 ✅ 直接答案: 不能。 map 和 forEach 是数组方法,不是普通的 for 循环,因此无法使用 break、continue 或 return 来直接...
程序百科的头像-程序百科程序百科2个月前
249

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

在 JavaScript 中,将其他类型的值转换为字符串(String)是一个常见的操作,它发生在字符串拼接、模板字面量或显式调用 String() 时。转换规则相对直观,但也有一些需要注意的细节。 一、核心...
程序百科的头像-程序百科程序百科2个月前
3815

面试题:在 Vue 事件中传入 $event,使用 e.target 和 e.currentTarget 有什么区别?

在 Vue 的事件处理中,e.target 和 e.currentTarget 都是原生 DOM 事件对象的属性,它们都指向 DOM 元素,但代表的含义完全不同。理解它们的区别对于正确处理事件委托和事件冒泡至关重要。 核心...
程序百科的头像-程序百科程序百科2个月前
4110

面试题:什么是 Vue Router 的 router-link 组件?

<router-link> 是 Vue Router 提供的一个全局组件,用于在单页面应用(SPA)中实现声明式的、可访问的导航链接。它是构建应用导航结构的基础工具。 简单来说,<router-link> 就是 V...
程序百科的头像-程序百科程序百科1个月前
4812

面试题:Vue 的 v-show 和 v-if 有什么区别?使用场景分别是什么?

v-show 和 v-if 都是 Vue.js 中用于条件渲染的指令,但它们在实现原理、性能特性和使用场景上有显著区别。 核心区别对比 特性v-ifv-show实现原理条件性地渲染/销毁 DOM 元素。通过 CSS 控制 dis...
程序百科的头像-程序百科程序百科1个月前
345

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

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

面试题:如何用 CSS 实现一个三角形?

这是一个非常经典的 CSS 面试题,考察对 CSS 盒模型和 border 属性的深入理解。 核心原理 实现三角形的关键在于理解 CSS border 的渲染机制: 当一个元素的 width 和 height 都为 0 时,它的四...
程序百科的头像-程序百科程序百科2个月前
2414