面试八股文

深入探讨了前端开发中的关键技术和架构问题，涵盖观察者模式与发布订阅模式、代码分割、虚拟列表、TypeScript 优化、HTTP/2、Service Worker、跨域问题、技术债务管理等多个方面。

1. webpack、rollup、parcel优劣 Webpack、Rollup 和 Parcel 是当前流行的前端打包工具，各自有其独特的优势和适用场景。以下是对这三种工具的详细对比： Webpa

1. 类数组转化为数组 在JavaScript中，类数组（array-like）对象通常指的是拥有一个length属性和索引属性的对象，例如函数的参数对象arguments、DOM元素集合等。要将类数

1. '1'.toString()为什么不会报错？ 在JavaScript中，'1'.toString()不会报错的原因是因为字符串类型在JavaScript中有一个toString()方法。这个方法

1. 什么是Typescript的方法重载？ TypeScript 的方法重载是一种编程语法，它允许开发者使用相同的函数名定义多个函数，但这些函数具有不同的参数列表（即参数的数量或类型不同）。这种方法

1. 写一个 LRU 缓存函数 LRU（Least Recently Used，最近最少使用）缓存是一种常见的页面替换算法，用于在有限的空间中保留最近最常被访问的数据。下面是一个简单的JavaScri

1. 砝码称重问题（一） **砝码称重问题（一）**的描述通常是：给定一组不同重量的砝码，每个砝码的数量可能有限，要求使用这些砝码组合出不同的重量。这个问题可以看作是一个组合问题，可以使用回溯法来解决

1. Node性能如何进行监控以及优化？ Node.js性能监控与优化是一个持续的过程，涉及多个方面。以下是一些关键步骤和工具，可以帮助你监控和优化Node.js应用程序的性能： 性能监控 内置模块：

1. Promise中的值穿透是什么？ Promise 中的“值穿透”（也称为“穿透效应”）是指在 Promise 链中，如果某个 then 方法没有显式地返回一个值（即没有 return 语句或者

1. display:none与visibility:hidden 有什么区别？ display:none和visibility:hidden都是CSS属性，用于控制元素的显示与隐藏，但它们之间有一些

1. 说说你对git reset 和 git revert 的理解？区别？ git reset 和 git revert 都是 Git 版本控制系统中用于撤销或回滚更改的命令，但它们的工作方式和适用场

1. 如何判断当前脚本运行在浏览器还是 node 环境中？ 在JavaScript中，可以通过检查某些特定对象或属性的存在来判断当前脚本是在浏览器环境还是Node.js环境中运行。以下是一些常用的方法

1. app中常提到的webview是什么？ WebView 是一种在应用程序中嵌入 Web 内容的技术。它允许开发者在他们的原生应用（如 Android、iOS 应用）中展示网页，而不需要用户打开一

1. React 中怎么实现状态自动保存（KeepAlive）？ 在React中实现状态自动保存（类似于KeepAlive的功能），可以通过以下几种方法： 1. 使用React Router的<Kee

1. 写一个 repeat 方法，实现字符串的复制拼接 当然可以，以下是一个简单的 repeat 方法实现，它接受两个参数：要复制的字符串和复制的次数。这个方法会返回一个新的字符串，其中原始字符串被重

1. vue中computed和watch区别 在Vue.js中，computed和watch都是用于响应数据变化的机制，但它们在使用场景和功能上有所区别： computed（计算属性） 定义：计算属

1. 说说 vue3 中的响应式设计原理 Vue 3 中的响应式设计原理主要基于 Proxy 对象，这是与 Vue 2 中基于 Object.defineProperty 的实现方式不同的地方。以下是

1. 你知道哪些应用层协议？ 应用层协议是计算机网络协议栈中的最高层，它为应用程序提供了网络服务。以下是一些常见的应用层协议： HTTP（超文本传输协议）：用于从网络服务器传输超文本到本地浏览器。它是

1. Object与Map有什么区别？ Object 和 Map 都是 JavaScript 中用于存储键值对的数据结构，但它们之间有一些关键的区别： 键的类型： Object：键只能是字符串或符号（

1. 遍历数组的方式有哪些？ 在JavaScript中，遍历数组有多种方式，以下是几种常见的方法： for循环： for...in循环（不推荐用于遍历数组，因为它会遍历数组对象的所有可枚举属性，包括原