前端共256篇

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

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

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

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

面试题:CSS 中 display 属性的值及其作用

display 是 CSS 中最核心、最常用的属性之一,它决定了元素的布局类型和在文档流中的表现形式。理解 display 的各种取值是掌握网页布局的基础。 一、主要取值分类 display 属性的值可以分为几大...
程序百科的头像-程序百科程序百科2个月前
399

面试题:JavaScript 中常用的正则表达式有哪些?

正则表达式(Regular Expression)是 JavaScript 中处理字符串的强大工具,用于匹配、搜索、替换和验证文本模式。以下是 JavaScript 中最常用的正则表达式模式及其应用场景。 一、常用正则表达...
程序百科的头像-程序百科程序百科2个月前
269

面试题:️如果 new 一个箭头函数会怎么样?

使用 new 操作符来调用一个箭头函数会抛出一个 TypeError 错误。 箭头函数不能用作构造函数。 1. 直接示例 const ArrowFunc = () => { console.log('I am an arrow function'); }; // 尝试用 ne...
程序百科的头像-程序百科程序百科2个月前
499

面试题:什么是 Vue 的 v-model?有什么作用?

v-model 是 Vue 中一个非常强大且常用的指令(Directive),它本质上是语法糖,用于在表单元素或组件上创建双向数据绑定(Two-way Data Binding)。 一、什么是 v-model? v-model 可以看作是:...
程序百科的头像-程序百科程序百科1个月前
2815

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

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

面试题:如何使用 React 的 useState?请举例说明

useState 是 React Hooks 中最基础也是最常用的 Hook,它允许你在函数组件中添加本地状态(state),而无需使用类组件。 1. 基本语法 const [state, setState] = useState(initialState); state...
程序百科的头像-程序百科程序百科18天前
358

面试题:如何检测 CSS 动画的 FPS 值?

这是一个非常深入且专业的前端性能面试题,考察对浏览器渲染机制、性能分析工具和动画优化的理解。 核心要点:FPS(Frames Per Second,每秒帧数)是衡量动画流畅度的关键指标。 理想的动画 FPS...
程序百科的头像-程序百科程序百科2个月前
558

面试题:z-index 属性在什么情况下会失效?

z-index 是 CSS 中用于控制元素堆叠顺序(stacking order)的重要属性,数值越大,元素越“靠前”。但 z-index 并非在所有情况下都生效。以下是 z-index 失效的常见场景及其原理,适合在面试中...
程序百科的头像-程序百科程序百科2个月前
4014