前端共256篇

面试题:Sass、Less 是什么?为什么要使用它们?

Sass 和 Less 都是 CSS 预处理器(CSS Preprocessors),它们扩展了 CSS 的功能,通过引入编程特性(如变量、嵌套、混合、函数等),让 CSS 更强大、更易维护、更适合团队协作和大型项目开发。 ...
程序百科的头像-程序百科程序百科2个月前
4814

面试题:Canvas 和 SVG 有什么区别?

<canvas> 和 <svg> 都是 HTML5 中用于在网页上绘制图形、创建动态视觉效果的技术,但它们在底层原理、使用方式、性能特点和适用场景上有着根本性的区别。 以下是 Canvas 和 SVG 的...
程序百科的头像-程序百科程序百科2个月前
4014

面试题:为什么 li 与 li 元素之间有看不见的空白间隔?如何解决?

这是一个非常经典且在实际开发中频繁遇到的 HTML/CSS 问题。这个问题的本质是HTML 中的空白字符(whitespace)在特定布局模式下被渲染成了可视的空白。 一、问题原因 <li> 元素之间出现看...
程序百科的头像-程序百科程序百科2个月前
3614

面试题:mouseover 和 mouseenter 事件的区别是什么?

mouseover 和 mouseenter 都是鼠标进入元素时触发的事件,但它们在事件冒泡(或事件传播)的行为上有关键区别: 1. mouseover 事件 触发时机:当鼠标指针进入元素或其任何子元素时触发。 冒泡行...
程序百科的头像-程序百科程序百科2个月前
5413

面试题:React 生命周期有哪些阶段?每个阶段对应的函数是什么?

React 组件的生命周期描述了组件从创建到销毁的整个过程。在 React 16.3 版本之后,生命周期方法发生了重要更新,引入了新的静态生命周期方法,并标记了一些旧方法为不安全(即将废弃)。 以下...
程序百科的头像-程序百科程序百科12天前
4113

面试题:iframe 有哪些优点和缺点?

<iframe>(Inline Frame,内联框架)是 HTML 中的一个标签,用于在当前网页中嵌入另一个独立的 HTML 页面。它就像一个“窗口”,可以显示来自同一域名或不同域名的其他网页内容。正确使用...
程序百科的头像-程序百科程序百科2个月前
2113

面试题:有哪些默认 display: block 元素和 display: inline 元素?你还知道哪些 display 取值?

这是一个考察 HTML 元素默认行为和 CSS display 属性知识的面试题。回答时需要清晰分类,并展示对现代布局的理解。 一、默认 display: block 的元素 这类元素在页面中独占一行,会从新行开始,...
程序百科的头像-程序百科程序百科2个月前
4013

面试题:JavaScript 的 forEach 和 map 方法有什么区别?

forEach 和 map 都是 JavaScript 中用于遍历数组的方法,但它们在目的、返回值和使用场景上有本质的区别。 核心区别总结 特性forEachmap目的执行副作用(如修改外部变量、操作 DOM、打印日志)...
程序百科的头像-程序百科程序百科2个月前
3213

面试题:如何获取安全的 undefined 值?

在 JavaScript 中,undefined 是一个原始值,表示变量已声明但未赋值。然而,在非严格模式(sloppy mode)下,undefined 并不是一个保留字,可以被重新赋值,这可能导致代码出现难以预料的错误...
程序百科的头像-程序百科程序百科2个月前
4913

面试题:什么是 React 受控组件和非受控组件?它们有什么区别?

在 React 中,组件可以分为受控组件 (Controlled Components) 和非受控组件 (Uncontrolled Components)。这种分类主要针对处理表单元素(如 <input>, <textarea>, <select>)...
程序百科的头像-程序百科程序百科1个月前
5513