排序
面试题:如何使用 React 的 useState?请举例说明
useState 是 React Hooks 中最基础也是最常用的 Hook,它允许你在函数组件中添加本地状态(state),而无需使用类组件。 1. 基本语法 const [state, setState] = useState(initialState); state...
面试题:如何计算 CSS 的优先级?
CSS 优先级(Specificity)是浏览器用来决定当多个规则作用于同一个元素时,哪个样式生效的机制。理解优先级对于解决样式冲突至关重要。 一、优先级计算规则 CSS 优先级由四部分组成,通常表示...
面试题:Vue 的 v-show 和 v-if 有什么区别?使用场景分别是什么?
v-show 和 v-if 都是 Vue.js 中用于条件渲染的指令,但它们在实现原理、性能特性和使用场景上有显著区别。 核心区别对比 特性v-ifv-show实现原理条件性地渲染/销毁 DOM 元素。通过 CSS 控制 dis...
面试题:flex-shrink 和 flex-grow 的默认值是多少?作用是什么?
这是一个深入考察 CSS Flexbox 布局核心机制的面试题。理解 flex-grow 和 flex-shrink 的默认值及其作用,是掌握弹性布局的关键。 默认值 flex-grow 的默认值是 0。 flex-shrink 的默认值是 1。...
面试题:说说你对 Vue 的理解?相比于原生开发,使用 Vue 有哪些优点?
对 Vue 的理解 Vue (读音 /vjuː/,类似于 'view') 是一个用于构建用户界面的渐进式 JavaScript 框架。 渐进式 (Progressive):这是 Vue 最核心的特性。它意味着你可以根据项目需求,选择性地使...
面试题:line-height: 100% 和 line-height: 1 有什么区别?
这是一个考察对 CSS line-height 属性计算方式深刻理解的经典面试题。虽然 100% 和 1 看似等价,但在 line-height 的上下文中,它们的行为有本质区别。 核心区别 值计算方式是否继承实际效果lin...
面试题:JavaScript 数组的遍历方法有哪些?
JavaScript 提供了多种遍历数组的方法,每种方法都有其特定的用途和特点。以下是主要的数组遍历方法: 1. 传统循环 (Traditional Loops) 这些是最基础、性能通常最好的方法。 for 循环: 最灵活...
面试题:在 .vue 文件中,style 和 script 必须要写么?为什么?
这是一个很好的问题,它考察了对 .vue 单文件组件(SFC, Single File Component)结构的理解。 简短回答: 在一个 .vue 文件中,<template>、<script> 和 <style> 都不是绝对...
面试题:第一次加载 Vue 页面时会触发哪些生命周期钩子?
在第一次加载 Vue 页面时,会依次触发以下生命周期钩子(以 Vue 2 和 Vue 3 大体一致的流程为准): beforeCreate实例刚被创建,数据观测 (data observer) 和事件配置尚未开始,data、methods ...
面试题:React、React-dom 和 babel 的作用分别是什么?
React、React-dom 和 Babel 是构建现代 React 应用的三个核心工具,它们各司其职,协同工作。 1. React 作用:定义组件和管理状态的核心库。 核心功能: 提供 React.createElement()、React.Com...
