面试基础题

前端面试官灵魂拷问：“你为什么选 Less/Scss？” 你 🤨（内心OS）：“因为…团队在用？文档推荐？别人都这么干？” 面试官 😅（微笑）：“很好，可以回去等二面了。”

面试官嘴角扬起神秘微笑："假设这个组件在页面中被渲染了10次，点击第1个按钮，所有组件的count都会变吗？" 我脱口而出：🤯 这我试过！我上周写的组件也这样，导致所有tab页的选中状态同步了？

面试官：你给我讲讲async/await 我：嘿嘿，还好我看了八股文：async/await我熟，不就是让异步代码看起来像同步代码嘛 面试官：不错，async/await是怎么让异步代码像同步代码的？

JavaScript 垃圾回收机制与 V8 的新生代与老生代垃圾回收 JavaScript 是一种自动内存管理的语言，这意味着它有一个 垃圾回收（Garbage Collection, GC）机制，负

面试官：你懂不懂协商缓存和强缓存？ 我：协商什么？什么缓存？ 协商缓存和强缓存是浏览器缓存机制中的两种不同方式，它们有助于提高网页加载性能，并减少不必要的网络请求

如何在 Vue 中实现图片预加载的一个简单小demo以及优化方案。这里使用 new Image() 的方式来预加载图片。

面试官：0.1 + 0.2 等于多少？ 我：emmmmm，反正不等于0.3 在 JavaScript 中，所有数字都是以 双精度浮点数，来存储的。这是根据 IEEE 754 标准定义的，意味着它遵循

ES6模块化（ES Modules）和CommonJS模块化是两种在JavaScript中实现模块化的方式，它们的核心区别在于模块加载、导出方式、执行时机、以及与同步/异步操作的关系等方面。以下是它们

new Image() 预加载 为什么比 <img>直接加载要好？<img> 直接加载对比 new Image() 预加载 1. 加载时机和页面渲染的差异 直接渲染到 <img> 标签

判断两个对象是否相等是js中的一个很常见的内容，不同的编程语言和环境可能会有不同的方式来实现这一目标。在 JavaScript 中，判断两个对象是否相等主要有以下几种方法：

Vue 自定义指令详解 在 Vue 中，自定义指令是一种强大的功能，可以在特定的元素上应用自定义行为。本文将介绍如何创建和使用自定义指令，并通过代码示例进行解析。 什么是自定义指令？

Stylus、Less 和 Sass 的使用与区别 在现代前端开发中，CSS预处理器如Stylus、Less和Sass帮助开发者编写更高效和可维护的样式代码。下面我们将逐一介绍这三种预处理器的基本用法

事件循环是JavaScript处理异步操作的机制。由于JavaScript是单线程的，它只能同时执行

组件封装的⼀些基本准则包括： 1. 单⼀职责原则：⼀个组件应该具有单⼀的功能，并且只负责完成该功能

1. 直接赋值的陷阱 在 Vue 的响应式系统中，reactive 对象是一个深度代理，它会追踪对象属性的变更，但如果你将整个对象重新赋值，那么 Vue 无法继续追踪新的对象。

Vue.js 中的 watch 和 computed 的使用与区别 在 Vue.js 开发中，watch 和 computed 是两个非常重要的特性，它们各自用于响应数据的变化，但在使用场景和实现机制

在 Vue.js 的生态系统中，组合式 API（Composition API） 和 选项式 API（Options API） 是两种不同的编写 Vue 组件的方式。

前言 面试官：数组怎么去重？ 我：new Set 面试官：new Set的原理是什么？ 我：emmmmm 使用 new Set 进行去重及其原理 在 JavaScript 中，去重是处理数组时一个常见

在前端中，有多种跨⻚⾯通信的⽅式，下⾯列举了其中⼀些常⻅的⽅式： 1. 使⽤URL参数：可以通过U

探讨 Vue 中的 <keep-alive> 使用及场景 <keep-alive> 是 Vue 提供的一个内置组件，主要用于缓存不活动的组件，从而提升应用性能。它特别适用于需要频繁切换的视图场景，可以