排序
面试题:什么是物理像素,逻辑像素和像素密度?为什么在移动端开发时需要用到 @3x, @2x 这种图片?
这是一个关于前端响应式设计和高分辨率屏幕适配的核心问题。下面详细解释这些概念及其在移动端开发中的应用。 一、核心概念解析 1. 物理像素 (Physical Pixels) 定义:物理像素是显示屏上真实存...
面试题:为什么不建议在 Vue 中同时使用 v-if 和 v-for?
这是一个 Vue 开发中的重要性能和最佳实践问题。不建议在同一个元素上同时使用 v-if 和 v-for,主要是因为它们的优先级会导致性能问题和逻辑混乱。 1. 优先级问题(核心原因) 在 Vue 2.x 中,v...
面试题:如何检测 CSS 动画的 FPS 值?
这是一个非常深入且专业的前端性能面试题,考察对浏览器渲染机制、性能分析工具和动画优化的理解。 核心要点:FPS(Frames Per Second,每秒帧数)是衡量动画流畅度的关键指标。 理想的动画 FPS...
面试题:预处理器如 scss 和 less,与 CSS 有什么区别?
这是一个考察对现代前端开发工具理解的面试题。SCSS (Sass) 和 LESS 是 CSS 预处理器,它们扩展了 CSS 的功能,提供了更强大、更高效的编写方式,但最终都需要“编译”成普通的 CSS 文件才能被...
面试题:Vue 2.0 的 v-html 指令不再支持使用过滤器,还有哪些处理 HTML 内容的方法?
这是一个关于 Vue 2.0 版本升级后特性的经典问题。在 Vue 2.0 中,v-html 指令确实不再支持过滤器(filters),这是与 Vue 1.x 的一个重要区别。 ❌ 错误做法(Vue 2 不支持): <!-- Vue 1....
面试题:Object.assign 和对象扩展运算符有什么区别?是深拷贝还是浅拷贝?
Object.assign 和对象扩展运算符(...)在功能上非常相似,都用于浅拷贝对象属性。它们的主要区别在于语法、使用场景和一些细微的行为差异。 1. 功能与相似性 两者都用于将一个或多个源对象的可...
面试题:浏览器是如何对 HTML5 的离线储存资源进行管理和加载的?
HTML5 的离线存储主要通过 Application Cache (AppCache) 和 Service Worker 两种技术实现。需要注意的是,Application Cache 已被现代浏览器废弃,因其存在诸多设计缺陷,而 Service Worker 是...
面试题:HTML 行内元素有哪些?块级元素有哪些?空(void)元素有哪些?
在 HTML 中,元素根据其在页面布局中的表现行为主要分为行内元素、块级元素和空元素。理解它们的区别对于掌握 CSS 布局至关重要。 一、行内元素 (Inline Elements) 特点: 不独占一行:多个行内...
面试题:什么是 Vue 的 nextTick?有什么作用?
什么是 Vue 的 nextTick? nextTick 是 Vue 提供的一个全局 API(在 Vue 3 中,通常通过 nextTick 函数使用),它的作用是将一个回调函数延迟到下一个 DOM 更新周期之后执行。 简单来说,当你修...
面试题:Vue 的 v-cloak 和 v-pre 指令有什么作用?
v-cloak 和 v-pre 是 Vue.js 中两个用于优化渲染过程和用户体验的编译阶段指令。它们的作用各不相同,但都与 Vue 的编译和渲染机制有关。 1. v-cloak 指令 作用 v-cloak 指令用于解决页面加载时...
