前端共264篇

面试题:JavaScript 如何判断一个对象是否属于某个类?

在 JavaScript 中,判断一个对象是否属于某个类(或更准确地说,是否由某个构造函数创建或在其原型链上)有多种方法,各有优缺点和适用场景。 1. instanceof 操作符 作用:检查一个对象在其原型...
程序百科的头像-程序百科程序百科1年前
5612

面试题:Vue Router 的跳转和 location.href 有什么区别?

Vue Router 的编程式导航(如 router.push)和原生的 location.href 都能实现页面跳转,但它们在工作原理、用户体验和应用状态上有本质区别。 核心区别 特性Vue Router (router.push)location.h...
程序百科的头像-程序百科程序百科1年前
5613

面试题:在 React 中,super() 和 super(props) 有什么区别?

这是一道考察React类组件继承原理和JavaScript的class继承机制的经典面试题。很多人知道要用super(props),但说不出具体原因。 下面从JavaScript原型链、React内部实现、以及实际影响三个层面来...
程序百科的头像-程序百科程序百科5个月前
5610

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

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

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

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

面试题:如何用 CSS 实现一个宽高自适应的正方形?

要使用 CSS 实现一个宽高自适应的正方形,可以利用多种方法。这里介绍几种常见的实现方式: 方法一:使用 padding-top 或 padding-bottom 这种方法利用了 padding 百分比值是相对于包含块的宽度...
程序百科的头像-程序百科程序百科1年前
5511

面试题:说说你对媒体查询的理解?

媒体查询(Media Queries) 是 CSS3 中的一项核心技术,它允许开发者根据设备的特性(如屏幕宽度、高度、分辨率、方向、颜色等)来有条件地应用 CSS 样式。 它是实现响应式设计(Responsive Des...
程序百科的头像-程序百科程序百科1年前
5511

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

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

面试题:什么是 ES6 的数组解构和对象解构?

ES6(ECMAScript 2015)引入的解构赋值(Destructuring Assignment)是一种非常强大且优雅的语法,它允许你从数组或对象中提取数据,并将其赋值给变量。这极大地简化了数据提取的代码,使其更简...
程序百科的头像-程序百科程序百科1年前
547

面试题:第一次加载 Vue 页面时会触发哪些生命周期钩子?

在第一次加载 Vue 页面时,会依次触发以下生命周期钩子(以 Vue 2 和 Vue 3 大体一致的流程为准): beforeCreate实例刚被创建,数据观测 (data observer) 和事件配置尚未开始,data、methods ...
程序百科的头像-程序百科程序百科1年前
5413