排序
面试题:如何在浏览器可视区域画一个最大的正方形?
这是一个考察对 CSS 布局、视口单位和响应式设计理解的面试题。 目标是创建一个在任何屏幕尺寸下都尽可能大,且保持为正方形,并完全位于可视区域内的元素。 核心思路 要画一个“最大”的正方形...
面试题:active-class 是哪个 Vue 组件的属性?
active-class 是 <router-link> 组件的属性。 详细说明: 所属组件:<router-link> 是 Vue Router 提供的一个全局组件,用于在应用中创建导航链接。 作用:active-class 属性用于指定...
面试题:通常在 Vue 的哪个生命周期钩子中请求异步数据?为什么?
通常在 created 钩子中请求异步数据。 为什么选择 created 钩子? 时机恰当: created 钩子在组件实例被创建后立即执行。此时,组件的 data、methods、computed 等选项已经被处理,数据已经响应...
面试题:HTML 中,title 与 h1 标签的区别是什么?
<title> 和 <h1> 标签在 HTML 中都与“标题”相关,但它们的作用、位置、用途和对用户及搜索引擎的影响完全不同。理解它们的区别对于网站的可用性、可访问性和 SEO(搜索引擎优化)...
面试题:如何给网页设置小于 12px 的字体?
这是一个关于浏览器限制和现代 CSS 特性的面试题。传统上,浏览器(特别是早期的 WebKit 内核)会对字体大小设置下限(通常为 12px),但现代解决方案已经非常成熟。 核心答案 在现代浏览器中,...
面试题:z-index 属性在什么情况下会失效?
z-index 是 CSS 中用于控制元素堆叠顺序(stacking order)的重要属性,数值越大,元素越“靠前”。但 z-index 并非在所有情况下都生效。以下是 z-index 失效的常见场景及其原理,适合在面试中...
面试题:JavaScript 其他值到布尔值的转换规则是什么?
在 JavaScript 中,当一个非布尔值被用于需要布尔值的上下文(如 if 语句、while 循环、逻辑运算符 ||/&&/! 等)时,JavaScript 会自动将其转换为布尔值。这个过程称为隐式类型转换或强...
面试题:React 中如何获取组件对应的 DOM 元素?
在 React 中,直接操作 DOM 通常不被推荐(应优先考虑状态驱动 UI),但在某些特定场景下(如管理焦点、触发动画、集成第三方库)需要访问真实的 DOM 元素。React 提供了 ref 来实现这一需求。 ...
面试题:ES6 新增了哪些字符串处理函数?
ES6(ECMAScript 2015)及后续的 ES2016、ES2017、ES2018、ES2019、ES2020、ES2021 等版本为 JavaScript 的字符串对象引入了许多实用的新方法,极大地简化了字符串的处理。以下是面试中常被问到...
面试题:说说你对 Flex 布局的理解及其使用场景
一、对 Flex 布局的理解 Flexbox(Flexible Box Layout),即 弹性盒子布局,是 CSS3 提供的一种一维布局模型,专门用于在容器和子元素之间高效地分配空间,即使子元素尺寸未知或动态变化,也能...
