排序
面试题:CSS 优化和提高性能的方法有哪些?
这是一个非常经典的前端性能优化问题。CSS 虽然看似简单,但不当的写法会严重影响页面渲染性能。以下是一些关键的 CSS 优化和性能提升方法,按类别进行组织: 一、选择器优化 避免使用通配符和...
面试题:React JSX 怎么进行内联条件渲染?请举例说明
在 React JSX 中,内联条件渲染是一种常见且高效的技术,它允许你根据条件直接在 JSX 中决定是否渲染某个元素或渲染哪个元素。以下是几种主要的内联条件渲染方法及示例: 1. 逻辑与操作符 &...
面试题:CSS 中 display 属性的值及其作用
display 是 CSS 中最核心、最常用的属性之一,它决定了元素的布局类型和在文档流中的表现形式。理解 display 的各种取值是掌握网页布局的基础。 一、主要取值分类 display 属性的值可以分为几大...
面试题:React 中有几种构建组件的方式?它们的区别是什么?
在 React 中,构建组件主要有三种方式,随着 React 版本的演进,推荐的方式也在不断变化。以下是当前主流的组件构建方式及其区别: 1. 函数组件 (Function Components) 定义:使用 JavaScript ...
面试题:怎么实现网页三栏布局?
三栏布局是前端开发中常见的经典布局模式,通常指左右两栏固定宽度,中间一栏自适应(圣杯布局或双飞翼布局)。以下是多种实现方式,从传统到现代,全面覆盖。 一、什么是三栏布局? 左侧栏:固...
面试题:JavaScript 中 for…in 和 for…of 的区别是什么?
这是一个非常经典的 JavaScript 面试题,考察对循环机制和数据结构的理解。for...in 和 for...of 看似相似,但用途和行为有本质区别。 ✅ 核心区别总结 特性for...infor...of设计目的遍历对象的...
面试题:什么是 ES6 的数组解构和对象解构?
ES6(ECMAScript 2015)引入的解构赋值(Destructuring Assignment)是一种非常强大且优雅的语法,它允许你从数组或对象中提取数据,并将其赋值给变量。这极大地简化了数据提取的代码,使其更简...
面试题:JavaScript 如何判断一个对象是否属于某个类?
在 JavaScript 中,判断一个对象是否属于某个类(或更准确地说,是否由某个构造函数创建或在其原型链上)有多种方法,各有优缺点和适用场景。 1. instanceof 操作符 作用:检查一个对象在其原型...
面试题:如何在网页中画一条 0.5px 的线?
这是一个与“1px 问题”紧密相关的经典移动端 CSS 面试题,考察对高分辨率屏幕渲染和 CSS 技巧的理解。 核心答案 在现代浏览器中,可以直接使用 border 或 height 设置为 0.5px 来绘制一条 0.5p...
面试题:use strict 是什么意思?使用它有什么区别?
'use strict'; 是 JavaScript 中的一个指令,用于开启严格模式(Strict Mode)。它不是一条语句,而是一个字面量表达式,告诉 JavaScript 引擎以更严格的标准来解析和执行代码。 你可以将 'use ...
