排序
面试题:在 .vue 文件中,style 和 script 必须要写么?为什么?
这是一个很好的问题,它考察了对 .vue 单文件组件(SFC, Single File Component)结构的理解。 简短回答: 在一个 .vue 文件中,<template>、<script> 和 <style> 都不是绝对...
面试题:第一次加载 Vue 页面时会触发哪些生命周期钩子?
在第一次加载 Vue 页面时,会依次触发以下生命周期钩子(以 Vue 2 和 Vue 3 大体一致的流程为准): beforeCreate实例刚被创建,数据观测 (data observer) 和事件配置尚未开始,data、methods ...
面试题:Vue Router 支持哪几种路由模式?它们有什么区别?
Vue Router 支持两种主要的路由模式,用于在单页面应用(SPA)中实现无刷新的页面切换: Hash 模式 (默认模式) History 模式 1. Hash 模式 实现方式:使用 URL 的 hash(#)部分来模拟一个完整...
面试题:说说你对 CSS 工程化的理解
CSS 工程化是指将 软件工程的思想和方法 应用于 CSS 开发中,以解决传统 CSS 开发中存在的维护困难、命名冲突、复用性差、性能问题和团队协作障碍等痛点。 其核心目标是提升 CSS 代码的 可维护...
面试题:如何根据设计稿进行移动端适配?
移动端适配的核心目标是:让网页在不同尺寸和分辨率的移动设备上,都能呈现出与设计稿一致的视觉效果和用户体验。 以下是根据设计稿进行移动端适配的完整流程和常用方案: 一、准备工作:了解设...
面试题:const 对象的属性可以修改吗?
这是一个很好的面试题,答案是:可以,在大多数情况下。 const 关键字在 JavaScript 中的作用是创建一个常量引用,而不是创建一个不可变的值。这需要根据 const 声明的是什么类型的值来具体分析...
面试题:️ES6 箭头函数能当构造函数吗?
不能,ES6 箭头函数不能用作构造函数。 如果你尝试使用 new 操作符来调用一个箭头函数,JavaScript 引擎会抛出一个 TypeError 错误。 1. 直接结果 const MyArrow = () => { console.log('I am a...
面试题:为什么在 React 中使用 className 而不是 class?
在 React 中使用 className 而不是 class 来指定 HTML 元素的 CSS 类,主要原因如下: 1. JavaScript 语言保留字冲突 这是最核心的原因。 class 是 JavaScript (ES6) 中的一个保留关键字,用于...
面试题:如何判断网页元素是否到达可视区域?
这是一个非常实用的前端面试题,常用于实现懒加载、无限滚动、埋点曝光等场景。判断元素是否进入可视区域有多种方法,从简单到高级逐步演进。 ✅ 方法一:使用 getBoundingClientRect()(兼容性...
面试题:JavaScript 如何判断一个对象是否属于某个类?
在 JavaScript 中,判断一个对象是否属于某个类(或更准确地说,是否由某个构造函数创建或在其原型链上)有多种方法,各有优缺点和适用场景。 1. instanceof 操作符 作用:检查一个对象在其原型...
