fridolph / fe-prepare-interview

搜集整理各类前端面试资料和答案 ，主要借鉴思路，反思复盘，仅供参考，请勿照搬

项目简介

这是一个关于面试的开源项目（因为还没完善，或者说我把框架已搭好，它能因您的加入而更美好）

欢迎 Fork 参与，和我一起完善该项目

在线预览 https://github.com/Fridolph/FE-prepare-interview

【面试加油】使用 VitePress 打造个人专属的前端知识体系

如果您稍微产生了一点兴趣，希望您能继续读下去。

本地启动

使用 pnpm i ，Node.js 版本需大于 18

npm run dev

觉得有用可以自行修改， npm run build 部署到自己的 Github Pages

直击概念

学习一个新知识的过程：

1. 明确概念 先了解它是什么，官方怎么定义
2. 了解背景 诞生于怎样的背景下
3. 解决途径 它解决了什么问题

面试时会问到一些概念或者新名词，一般能答到上面三点，title 改为“了解”、“熟悉”基本 OK。

如果不断深挖，还应该有以下思考：

• 深入原理 为什么能解决问题
• 横向比较 是否有其他替代或更好的方案
• 发散思维 等等

看面经心血来潮，遂有了本项目。初次可能整理得比较简单，若有纰漏之处还望看官们多多包涵。您可通过联系我或是提 issue 等方式参与修改

来源说明

直击概念部分基本大多整理自 MDN 、维基百科，部分转自掘金高赞文，有转载会在参考标明出处，本站内容皆遵循开源协议，承诺不会商用。本站可能会存在一些未获得作者同意就粘贴的内容，若有冒犯非常抱歉，请联系本人第一时间删除。

目前只是初次整理提交，该版块的整理会尽量说清楚前三点，以满足基本面试需求，内容搜集整理与互联网，对其正确性不负责，仅供参考。

面试官问

建立初衷只是为辅助自己面试，八股文恐惧，工作舒服区呆太久没出来面试了。

通过搜集互联网各种面经，模拟面试，缓解焦虑，提升信心。

如何运用该版块

随意浏览，按兴趣内容或根据自身薄弱处，自行在该区域内浏览、探索。

关于提示

该模块主要用于提问，所以不会有所谓的标准答案套路模版。

我会梳理其中一些关键点制作思维导图，辅助作答。

面试没有对错标准，但应适当概括，把空间留给面试官，这样可挖掘深度和广度。

复盘与反思

若根据思维导图也无法流畅答出，可点击链接回到“直击概念”，结合MDN文档等反复学习记忆，再尝试作答。

编写代码

直面大厂真题（搜集自互联网）

重要的是解题思路，如何拆解慢慢得出结果，过程是最重要

关于注释

如果是自写或整理的可适当添加注释，以便阅读。

当然 良好命令，和代码编写就是最好的注释

对于这部分，我会把思路单独拎出来，会根据情况，适当加入 关键提示 或 思维导图

关于demo

选择 VitePress 也是因其还支持 md 里写vue组件，demo便得更容易。

但毕竟是个体力和细心活儿，后续慢慢完善，还请见谅。

关于 TypeScript

TypeScript 可以有，但非必须，后面有时间能加就加吧。 考虑到工作量可能会较大，也欢迎你的加入，和我一起完善。

Recommended IDE Setup

• VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).