前端共256篇

面试题:HTML5 的离线储存怎么使用?它的工作原理是什么?

HTML5 的离线存储主要通过 Service Worker 技术实现(Application Cache 已被废弃)。它允许 Web 应用在无网络连接时依然可以访问,提供类似原生应用的体验。 下面详细介绍其使用方法和工作原理...
程序百科的头像-程序百科程序百科6个月前
4414

面试题:说说你对 CSS Sprites 的理解

说说你对 CSS Sprites 的理解 CSS Sprites(CSS 雪碧图、CSS 精灵图)是一种将多个小图片合并成一张大图,然后通过 CSS 的 background-image、background-position 等属性来显示其中特定部分的...
程序百科的头像-程序百科程序百科6个月前
4413

面试题:ES Module 与 CommonJS 模块方案有什么异同?

ES Module (ESM) 和 CommonJS (CJS) 是 JavaScript 中两种主流的模块化方案。它们都旨在解决代码组织、依赖管理和命名空间污染的问题,但在设计理念、语法和行为上存在显著差异。 一、 核心相同...
程序百科的头像-程序百科程序百科6个月前
4411

面试题:React 中如何获取组件对应的 DOM 元素?

在 React 中,直接操作 DOM 通常不被推荐(应优先考虑状态驱动 UI),但在某些特定场景下(如管理焦点、触发动画、集成第三方库)需要访问真实的 DOM 元素。React 提供了 ref 来实现这一需求。 ...
程序百科的头像-程序百科程序百科4个月前
4413

面试题:为什么 Vue 中给对象添加新属性后界面不刷新?

在 Vue 2 中,当你直接给一个响应式对象添加一个全新的属性时,界面不会自动更新,这是因为 Vue 2 的响应式系统存在“属性添加/删除检测”缺陷。 这个问题在 Vue 3 中已经被彻底解决。 原因分析...
程序百科的头像-程序百科程序百科5个月前
4412

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

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

面试题:isNaN 和 Number.isNaN 函数有什么区别?

isNaN() 和 Number.isNaN() 都是 JavaScript 中用于检查一个值是否为 NaN(Not-a-Number)的函数,但它们的行为有本质区别,尤其是在处理非数字类型的输入时。 一、isNaN()(全局函数) 行为: ...
程序百科的头像-程序百科程序百科6个月前
4415

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

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

面试题:HTML 中,i 与 em 标签的区别是什么?

<i> 和 <em> 标签在默认的视觉呈现上非常相似,通常都会将文本显示为斜体(italic)。然而,它们在 语义(Semantics)和用途 上有着根本的区别。理解这一点对于编写语义化、可访问...
程序百科的头像-程序百科程序百科6个月前
4314

面试题:如何给网页设置小于 12px 的字体?

这是一个关于浏览器限制和现代 CSS 特性的面试题。传统上,浏览器(特别是早期的 WebKit 内核)会对字体大小设置下限(通常为 12px),但现代解决方案已经非常成熟。 核心答案 在现代浏览器中,...
程序百科的头像-程序百科程序百科6个月前
4315