排序
面试题:为什么不建议在 Vue 中同时使用 v-if 和 v-for?
这是一个 Vue 开发中的重要性能和最佳实践问题。不建议在同一个元素上同时使用 v-if 和 v-for,主要是因为它们的优先级会导致性能问题和逻辑混乱。 1. 优先级问题(核心原因) 在 Vue 2.x 中,v...
面试题:Vue 常用的修饰符有哪些?分别有哪些应用场景?
Vue 提供了丰富的修饰符(Modifiers),它们是以“点 + 后缀”的形式(如 .prevent)附加在指令后面的特殊后缀,用于以声明式的方式修改指令的默认行为。以下是 Vue 中常用的修饰符及其应用场景...
面试题:React 的 keys 是否需要设置为全局唯一?为什么?
不需要。React 中的 key 不需要设置为全局唯一,只需要在当前的兄弟节点(siblings)范围内唯一即可。 为什么只需要在兄弟节点中唯一? React 在进行 reconciliation(协调)过程时,会比较同一...
面试题:为什么需要清除浮动?清除浮动的方式有哪些?
这是一个经典的 CSS 布局问题,涉及到文档流、浮动特性以及高度塌陷等核心概念。以下是全面且结构清晰的回答。 一、为什么需要清除浮动? 浮动(float)最初设计用于实现文字环绕图片的效果,但...
面试题:什么是替换元素?说说其概念及计算规则
什么是替换元素? 在 CSS 中,替换元素(Replaced Element) 是指其内容的外观和尺寸不由 CSS 直接控制,而是由外部资源或浏览器默认行为决定的 HTML 元素。 简单来说,替换元素的“内容”是“...
面试题:HTML 中,img 标签 srcset 属性的作用是什么?
<img> 标签的 srcset 属性是 HTML5 引入的一个响应式图像特性,它的主要作用是为不同的设备和屏幕条件提供多个图像源,让浏览器能够根据当前的显示环境(如屏幕分辨率、像素密度、视口大...
面试题:️ES6 新增的 Symbol 基础数据类型有什么作用?
ES6 引入的 Symbol 是 JavaScript 的第七种原始数据类型(primitive data type),其他六种是:string、number、boolean、null、undefined 和 object(object 是引用类型,但 typeof null 也返...
面试题:display:inline-block 什么时候会显示间隙?
display: inline-block 元素之间出现空白间隙是一个经典的 CSS 布局问题。这个间隙并非由 margin 引起,而是由于 HTML 中的空白字符(空格、换行、制表符)在渲染时被当作“空白符”处理所导致...
面试题:Vue 中 MVVM、MVC 和 MVP 模式的区别是什么?
这是一个考察对前端架构模式理解的面试题。Vue.js 的核心设计思想是 MVVM 模式,但它也借鉴了 MVC 和 MVP 的一些理念。下面详细解释这三种模式的区别: 1. MVC 模式 (Model-View-Controller) 核...
面试题:如何在浏览器可视区域画一个最大的正方形?
这是一个考察对 CSS 布局、视口单位和响应式设计理解的面试题。 目标是创建一个在任何屏幕尺寸下都尽可能大,且保持为正方形,并完全位于可视区域内的元素。 核心思路 要画一个“最大”的正方形...
