排序
面试题:Sass、Less 是什么?为什么要使用它们?
Sass 和 Less 都是 CSS 预处理器(CSS Preprocessors),它们扩展了 CSS 的功能,通过引入编程特性(如变量、嵌套、混合、函数等),让 CSS 更强大、更易维护、更适合团队协作和大型项目开发。 ...
面试题:Canvas 和 SVG 有什么区别?
<canvas> 和 <svg> 都是 HTML5 中用于在网页上绘制图形、创建动态视觉效果的技术,但它们在底层原理、使用方式、性能特点和适用场景上有着根本性的区别。 以下是 Canvas 和 SVG 的...
面试题:为什么 li 与 li 元素之间有看不见的空白间隔?如何解决?
这是一个非常经典且在实际开发中频繁遇到的 HTML/CSS 问题。这个问题的本质是HTML 中的空白字符(whitespace)在特定布局模式下被渲染成了可视的空白。 一、问题原因 <li> 元素之间出现看...
面试题:mouseover 和 mouseenter 事件的区别是什么?
mouseover 和 mouseenter 都是鼠标进入元素时触发的事件,但它们在事件冒泡(或事件传播)的行为上有关键区别: 1. mouseover 事件 触发时机:当鼠标指针进入元素或其任何子元素时触发。 冒泡行...
面试题:React 生命周期有哪些阶段?每个阶段对应的函数是什么?
React 组件的生命周期描述了组件从创建到销毁的整个过程。在 React 16.3 版本之后,生命周期方法发生了重要更新,引入了新的静态生命周期方法,并标记了一些旧方法为不安全(即将废弃)。 以下...
面试题:iframe 有哪些优点和缺点?
<iframe>(Inline Frame,内联框架)是 HTML 中的一个标签,用于在当前网页中嵌入另一个独立的 HTML 页面。它就像一个“窗口”,可以显示来自同一域名或不同域名的其他网页内容。正确使用...
面试题:有哪些默认 display: block 元素和 display: inline 元素?你还知道哪些 display 取值?
这是一个考察 HTML 元素默认行为和 CSS display 属性知识的面试题。回答时需要清晰分类,并展示对现代布局的理解。 一、默认 display: block 的元素 这类元素在页面中独占一行,会从新行开始,...
面试题:JavaScript 的 forEach 和 map 方法有什么区别?
forEach 和 map 都是 JavaScript 中用于遍历数组的方法,但它们在目的、返回值和使用场景上有本质的区别。 核心区别总结 特性forEachmap目的执行副作用(如修改外部变量、操作 DOM、打印日志)...
面试题:如何获取安全的 undefined 值?
在 JavaScript 中,undefined 是一个原始值,表示变量已声明但未赋值。然而,在非严格模式(sloppy mode)下,undefined 并不是一个保留字,可以被重新赋值,这可能导致代码出现难以预料的错误...
面试题:什么是 React 受控组件和非受控组件?它们有什么区别?
在 React 中,组件可以分为受控组件 (Controlled Components) 和非受控组件 (Uncontrolled Components)。这种分类主要针对处理表单元素(如 <input>, <textarea>, <select>)...
