排序
面试题：什么是物理像素，逻辑像素和像素密度？为什么在移动端开发时需要用到 @3x, @2x 这种图片？
这是一个关于前端响应式设计和高分辨率屏幕适配的核心问题。下面详细解释这些概念及其在移动端开发中的应用。 一、核心概念解析 1. 物理像素 (Physical Pixels) 定义：物理像素是显示屏上真实存...
1年前面试题：预处理器如 scss 和 less，与 CSS 有什么区别？
这是一个考察对现代前端开发工具理解的面试题。SCSS (Sass) 和 LESS 是 CSS 预处理器，它们扩展了 CSS 的功能，提供了更强大、更高效的编写方式，但最终都需要“编译”成普通的 CSS 文件才能被...
1年前面试题：如何检测 CSS 动画的 FPS 值？
这是一个非常深入且专业的前端性能面试题，考察对浏览器渲染机制、性能分析工具和动画优化的理解。 核心要点：FPS（Frames Per Second，每秒帧数）是衡量动画流畅度的关键指标。 理想的动画 FPS...
1年前面试题：怎么实现元素的水平垂直居中？
元素的水平垂直居中是前端开发中最常见的布局需求之一。根据元素类型（块级、行内、未知尺寸、绝对定位等）和使用的技术，有多种实现方式。以下是 全面、清晰、结构化 的回答，适合在面试中展示...
1年前面试题：如何消除 inline-block 元素之间的间隙？
这是一个非常经典的 CSS 布局问题。inline-block 元素之间的间隙是由于 HTML 源码中的空白字符（空格、换行、制表符）在渲染时被当作一个空格符显示而导致的。 核心原因 当元素设置为 display: ...
1年前面试题：Sass、Less 是什么？为什么要使用它们？
Sass 和 Less 都是 CSS 预处理器（CSS Preprocessors），它们扩展了 CSS 的功能，通过引入编程特性（如变量、嵌套、混合、函数等），让 CSS 更强大、更易维护、更适合团队协作和大型项目开发。 ...
1年前面试题：使用 link 和 @import 引用 CSS 的区别
在 HTML 中引入外部 CSS 样式表有两种主要方式：使用 <link> 标签和在 CSS 文件中使用 @import 规则。虽然它们都能加载样式，但在性能、兼容性、功能和使用场景上存在显著差异。 一、核心...
1年前面试题：如何根据设计稿进行移动端适配？
移动端适配的核心目标是：让网页在不同尺寸和分辨率的移动设备上，都能呈现出与设计稿一致的视觉效果和用户体验。 以下是根据设计稿进行移动端适配的完整流程和常用方案： 一、准备工作：了解设...
1年前面试题：CSS display 属性值 block、inline 和 inline-block 的区别
这是一个非常基础且重要的 CSS 面试题，考察对盒模型和元素布局行为的理解。 核心区别总结 这三种 display 值决定了元素在页面流中的布局行为，主要体现在以下几个方面： 是否独占一行 能否设置...
1年前面试题：CSS 中 flex: 1 是什么意思？
在 CSS 中，flex 属性是用于 Flexbox 布局模型中的一个简写属性，它能够定义 flex 项目的扩展能力、收缩能力和基础大小。 flex: 1 这种写法实际上是一个简写形式，默认情况下它是 flex: 1 1 0 ...
1年前
