排序
面试题:Vue 的 v-show 和 v-if 有什么区别?使用场景分别是什么?
v-show 和 v-if 都是 Vue.js 中用于条件渲染的指令,但它们在实现原理、性能特性和使用场景上有显著区别。 核心区别对比 特性v-ifv-show实现原理条件性地渲染/销毁 DOM 元素。通过 CSS 控制 dis...
面试题:Vue 中 data 的属性可以与 methods 中的方法同名吗?为什么?
不可以。在 Vue 中,data 的属性不应该与 methods 中的方法同名。 主要原因如下: 1. 命名冲突与覆盖(核心原因) Vue 在初始化组件实例时,会将 data 函数返回的对象中的所有属性,以及 method...
面试题:如何在浏览器可视区域画一个最大的正方形?
这是一个考察对 CSS 布局、视口单位和响应式设计理解的面试题。 目标是创建一个在任何屏幕尺寸下都尽可能大,且保持为正方形,并完全位于可视区域内的元素。 核心思路 要画一个“最大”的正方形...
面试题:CSS 中是否存在父选择器?其背后的原因是什么?
这是一个非常深入且经典的 CSS 面试题,触及了 CSS 选择器的核心设计原理。 核心答案 在标准的、广泛支持的 CSS 中,不存在真正的“父选择器”或“祖先选择器”。 你不能直接通过一个子元素的存...
面试题:React 中 Element 和 Component 有什么区别?
这是一道考察React核心概念的基础题,虽然简单但很容易说错。关键在于理解:Element是描述,Component是函数或类。 下面从本质、创建方式、用途等维度来拆解。 一、核心结论 Element是一个普通...
面试题:HTML5 的离线储存怎么使用?它的工作原理是什么?
HTML5 的离线存储主要通过 Service Worker 技术实现(Application Cache 已被废弃)。它允许 Web 应用在无网络连接时依然可以访问,提供类似原生应用的体验。 下面详细介绍其使用方法和工作原理...
面试题:如何使用 React 的 useState?请举例说明
useState 是 React Hooks 中最基础也是最常用的 Hook,它允许你在函数组件中添加本地状态(state),而无需使用类组件。 1. 基本语法 const [state, setState] = useState(initialState); state...
面试题:JavaScript 如何判断一个对象是不是空对象?
这是一个常见的 JavaScript 面试题,考察对对象属性遍历和 Object API 的掌握。判断一个对象是否为空对象(即不包含任何自身可枚举属性),有多种方法。 ✅ 方法一:Object.keys()(推荐,简洁...
面试题:ES Module 与 CommonJS 模块方案有什么异同?
ES Module (ESM) 和 CommonJS (CJS) 是 JavaScript 中两种主流的模块化方案。它们都旨在解决代码组织、依赖管理和命名空间污染的问题,但在设计理念、语法和行为上存在显著差异。 一、 核心相同...
面试题:说说响应式设计的概念及基本原理
面试题:说说响应式设计的概念及基本原理 一、什么是响应式设计(Responsive Design)? 响应式设计(Responsive Web Design, RWD)是一种网页设计和开发方法,旨在让同一个网站在不同设备、不...
