前端共264篇

面试题:什么是替换元素?说说其概念及计算规则

什么是替换元素? 在 CSS 中,替换元素(Replaced Element) 是指其内容的外观和尺寸不由 CSS 直接控制,而是由外部资源或浏览器默认行为决定的 HTML 元素。 简单来说,替换元素的“内容”是“...
程序百科的头像-程序百科程序百科9个月前
286

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

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

面试题:️ES6 新增的 Symbol 基础数据类型有什么作用?

ES6 引入的 Symbol 是 JavaScript 的第七种原始数据类型(primitive data type),其他六种是:string、number、boolean、null、undefined 和 object(object 是引用类型,但 typeof null 也返...
程序百科的头像-程序百科程序百科9个月前
666

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

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

面试题:Vue 中 MVVM、MVC 和 MVP 模式的区别是什么?

这是一个考察对前端架构模式理解的面试题。Vue.js 的核心设计思想是 MVVM 模式,但它也借鉴了 MVC 和 MVP 的一些理念。下面详细解释这三种模式的区别: 1. MVC 模式 (Model-View-Controller) 核...
程序百科的头像-程序百科程序百科8个月前
845

面试题:如何在浏览器可视区域画一个最大的正方形?

这是一个考察对 CSS 布局、视口单位和响应式设计理解的面试题。 目标是创建一个在任何屏幕尺寸下都尽可能大,且保持为正方形,并完全位于可视区域内的元素。 核心思路 要画一个“最大”的正方形...
程序百科的头像-程序百科程序百科9个月前
525

面试题:为什么 React 不推荐直接修改 state?如果需要修改 state,应该如何操作?

在 React 中,直接修改 state(即 this.state)是被严格禁止的。React 不推荐这样做的原因以及正确的修改方式如下: 为什么不能直接修改 state? 绕过 React 的状态管理机制:React 的 state 不...
程序百科的头像-程序百科程序百科8个月前
405

面试题:什么是 margin 重叠问题?如何解决?

Margin 重叠问题(Margin Collapse)是 CSS 布局中的一个重要特性,尤其在使用块级元素时经常遇到。理解它对于精确控制页面布局至关重要。 一、什么是 margin 重叠(Margin Collapse)? 在 标...
程序百科的头像-程序百科程序百科9个月前
375

面试题:使用 clear 属性清除浮动的原理?

面试题:使用 clear 属性清除浮动的原理? clear 属性是 CSS 中用于控制元素与浮动元素之间位置关系的重要属性,常用于“清除浮动”或“避免内容环绕浮动元素”。理解其原理对于掌握传统布局方...
程序百科的头像-程序百科程序百科9个月前
275

面试题:什么是 Vue 中的 slot?它有什么作用?

这是一个关于 Vue 组件化核心概念的重要面试题。以下是详细的解答: 什么是 Vue 中的 slot? 在 Vue.js 中,slot(插槽)是一种内容分发机制,它允许你像使用 HTML 元素一样,在父组件中向子组...
程序百科的头像-程序百科程序百科8个月前
765