前端共256篇

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

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

面试题:CSS 中 display、float、position 的关系是什么?

这是一个深入理解 CSS 布局机制的高级面试题。display、float 和 position 都能影响元素的盒模型生成和布局,它们之间存在复杂的优先级和相互覆盖关系。 核心原则 CSS 规范定义了当一个元素同时...
程序百科的头像-程序百科程序百科2个月前
4812

面试题:说说你对盒模型的理解

说说你对盒模型的理解 盒模型(Box Model) 是 CSS 布局的核心概念,它定义了每个 HTML 元素在页面上所占据的空间结构。理解盒模型是掌握网页布局的基础。 一、盒模型的组成 每一个元素都被视为...
程序百科的头像-程序百科程序百科2个月前
3311

面试题:JavaScript 的数组有哪些原生方法?

JavaScript 的数组提供了丰富的原生方法,可以分为几大类:增删改查、遍历、转换、搜索、排序等。以下是常用方法的分类总结: 一、添加/删除元素(改变原数组) 这些方法会直接修改(mutate)原...
程序百科的头像-程序百科程序百科2个月前
438

面试题:ES6 中,如何提取深度嵌套的对象中的指定属性?

在 ES6 及后续版本中,提取深度嵌套对象中的属性,最常用和推荐的方法是使用 解构赋值 (Destructuring Assignment),并结合 可选链操作符 (Optional Chaining, ES2020) 来安全地处理可能为 null...
程序百科的头像-程序百科程序百科2个月前
466

面试题:Vue 父子组件之间传值有哪些方式?

在 Vue 中,父子组件之间的数据传递是构建可维护应用的基础。以下是父子组件传值的主要方式,涵盖 Vue 2 和 Vue 3 的通用实践。 一、父组件 → 子组件:通过 Props 这是最标准、最常用的向下传...
程序百科的头像-程序百科程序百科1个月前
309

面试题:什么是 Vue 的自定义指令?自定义指令的应用场景有哪些?

好的,这是一个关于 Vue.js 框架的常见面试题。下面我将为您详细解答: 什么是 Vue 的自定义指令? 在 Vue.js 中,自定义指令(Custom Directives) 是一种允许开发者直接操作底层 DOM 元素的机...
程序百科的头像-程序百科程序百科1个月前
5010

面试题:使用 ES6 或 ES5 语法来编写 React 代码有什么区别?

使用 ES6(ECMAScript 2015)或更现代的 JavaScript 语法与传统的 ES5 语法编写 React 代码,在可读性、简洁性、功能性和开发效率上有显著区别。随着 Babel 等转译工具的普及,现代 React 开发...
程序百科的头像-程序百科程序百科18天前
4715

面试题:CSS display 属性值 block、inline 和 inline-block 的区别

这是一个非常基础且重要的 CSS 面试题,考察对盒模型和元素布局行为的理解。 核心区别总结 这三种 display 值决定了元素在页面流中的布局行为,主要体现在以下几个方面: 是否独占一行 能否设置...
程序百科的头像-程序百科程序百科2个月前
4012

面试题:怎么实现网页三栏布局?

三栏布局是前端开发中常见的经典布局模式,通常指左右两栏固定宽度,中间一栏自适应(圣杯布局或双飞翼布局)。以下是多种实现方式,从传统到现代,全面覆盖。 一、什么是三栏布局? 左侧栏:固...
程序百科的头像-程序百科程序百科2个月前
376