前端「面试指南 + 知识库」汇总:
😄 温馨提醒
由于「Notion」没有像「语雀」那样的侧边栏大纲，所以得安装一个 Chrome 插件来支持。我本人之前一直用 Notion Boost ，但它的侧边栏功能我用着不大习惯，所以我写了个简易版本的 Notion Faster 插件，欢迎大家使用并提出意见。
知识库中标题前带 🌈 标识的代表需要读者重点关注记忆，为必学项目。祝大家早日打下坚实 JS 基础，拿 offer 到手软~
历史更新记录
- watch 中 deep:true 是如何实现的
- assets 和 static 的异同
- Vue3 里为什么要用 Proxy API 替代 defineProperty API
- Vue3 中，v-if 和 v-for 的优先级哪个高？
- script setup 是什么，有什么好处?
- ref 与 reactive 的区别？
- 谈谈pinia?
- 根据下面 ES6 构造函数的书写方式，要求写出 ES5 的
- 实现一个函数,对一个url进行请求,失败就再次请求,超过最大次数就走失败回调,任何一次成功都走成功回调
- 手写 reduce flat
- 为什么普通 for 循环的性能远远高于 forEach 的性能，请解释其中的原因。
- 数组里面有 10 万个数据，取第一个元素和第 10 万个元素的时间相差多少
- 产生一个不重复的随机数组
- 有一堆整数，请把他们分成三份，确保每一份和尽量相等（11，42，23，4，5，6 4 5 6 11 23 42 56 78 90）
- 介绍下粘性布局（sticky）
- 介绍下 http1.0、http1.1、http2.0 协议的区别？
- 为什么 HTTP1.1 不能实现多路复用（腾讯）
- 简单讲解一下 http2 的多路复用（网易）
- HTTPS 握手过程中，客户端如何验证证书的合法性
- cookie 和 token 都存放在 header 中，为什么不会劫持 token？
- 说下单点登录
- 简单说说 HTTP 劫持、DNS 劫持与 XSS
- 说出几种你能想到的JS 变量交换的方法
- 如何在不改变原始数组的情况下反转数组
- JS 递归、深浅克隆
- TypeScript 支持静态类吗 ？为什么 ？
- Vuex 页面刷新数据丢失怎么解决 ？
- 你都做过哪些 Vue 的性能优化
- Vue 有了数据响应式，为何还要 diff ？
- 何时在函数组件上使用类组件 ？
- HTML 和 React 事件处理有什么区别 ？
- 如何将参数传递给事件处理程序或回调 ？
- Node.js 如何工作的 ？
- Node.js 如何克服 I/O 操作阻塞的问题 ？
- 以下两种方式的区别？及 typeof 得到的结果
- typeof 能判断哪些类型 ？
- typeof(null) 为什么返回的是'object'
- 闭包里面的变量为什么不会被垃圾回收 ？
- 说说 JS 作用域及作用域链
- 怎么理解 JS 静态作用域和动态作用域
- 以下代码输出的结果是 ？
- 在写 HTML 代码时，语义化实践中应该注意什么 ？
- Canvas 和 SVG 有什么区别
- 如何解决 flex 布局 7 个元素使用 space-between 最后一行两边分布的问题？
- 第二个子元素的高度是多少
- flex 画骰子
- 说说你对 Grid 网格布局的理解 ？
- CSS 绘制图形
- CSS3 动画相关
- min-width、max-width、width 的包含（优先级）关系
- 如何实现图片的懒加载，随着 web 技术的发展，有没有一些更好的方案
- 博客系统中常见的复制代码是如何实现的
- localhost:3000 与 localhost:5000 的 cookie 信息是否共享
- 如何计算白屏时间和首屏时间
- 什么是 Data URL，有哪些缺点
- textarea 如何禁止拉伸
- 有没有使用过 css variable，它解决了哪些问题
- '+' 与 '~' 选择器有什么不同
- css 动画与 js 动画哪个性能更好
- 为什么会发生样式抖动
- css 如何匹配前 N 个子元素及最后 N 个子元素
- 如何自定义滚动条的样式
- 谈一下 HTTP 与 HTTPS
- TCP 和 UDP 的区别
- 说几个很实用的 BOM 属性对象方法?
- 说一下 HTML5 drag API
- iframe 是什么？有什么缺点？
- GET 请求传参长度的误区
- 介绍下 webpack 热更新原理，是如何做到在不刷新浏览器的前提下更新页面的
- 数组里面有 10 万个数据，取第一个元素和第 10 万个元素的时间相差多少
- 打印出1 - 10000 之间的所有对称数
- 实现模糊搜索结果的关键词高亮显示
- 介绍下 HTTPS 中间人攻击
- 给定两个大小为 m 和 n 的有序数组 nums1 和 nums2。请找出这两个有序数组的中位数。要求算法的时间复杂度为 O(log(m+n))。
- Virtual DOM 真的比操作原生DOM 快吗？谈谈你的想法。
- 下面的代码打印什么内容，为什么？【值预测】
- 浏览器缓存读取规则
- 为什么 Vuex 的 mutation 和 Redux 的 reducer 中不能做异步操作？
- 为什么通常在发送数据埋点请求的时候使用的是 1x1 像素的透明 gif 图片？
- 某公司 1 到 12 月份的销售额存在一个对象里面
- 已知如下代码，如何修改才能让图片宽度为300px ？
- 介绍下如何实现 token 加密
- redux 为什么要把 reducer 设计成纯函数
- ES6 代码转成ES5 代码的实现思路是什么
- ES5/ES6的继承除了写法以外还有什么区别？
- 实现数组扁平化-升序且不重复
- JS异步解决方案的发展历程以及优缺点
- A、B 机器正常连接后，B 机器突然重启，问 A 此时处于 TCP 什么状态
- React 一道 setState 笔试题
- 介绍下 npm 模块安装机制，为什么输入 npm install ，就可以自动安装对应的模块？
- 有以下 3 个判断数组的方法，请分别介绍它们之间的区别和优劣
- 聊聊 Redux 和 Vuex 的设计**
- 全局作用域中，用 const 和 let 声明的变量不在 window 上，那到底在哪里？如何去获取？
- cookie 和 token 都存放在 header 中，为什么不会劫持 token？
已将全部语雀资源搬运至 Notion，并且调整了目录结构使知识库更清晰。大家可查看最新 Notion版本 的知识库。 另外由于 Notion 默认不支持侧边栏大纲显示，这里推荐一款 Chrome 插件 Notion Boost 供大家下载，它能支持网页版动态生成 Notion 文章的侧边栏大纲。如果因为众所周知原因无法在商店下载，可点击 此官网链接 下载离线版本。
由于语雀会员风波，虽然目前此知识库仍然互联网可见，但我考虑再三后，还是决定后续把知识库逐步迁移至 notion，目前才开始迁移，地址各位可以先马克一下：
后续更新会把更新的概要写入 更新日志 中，方便大家查看具体更新内容
近两年使用「语雀」记笔记比较多，前段时间借着面试准备的机会，就把笔记整理到了语雀上，后续各位看官可移步 👉 前端知识库 👈 查看此系列。
网上的简历模板一搜一大堆，不过大都既不实用也不好看。所以最后我再分享几个觉得不错的模板给大家参考：
- https://www.resumeviking.com/wp-content/uploads/2018/01/Dwight-Kavanagh-Resume-IT-QA-Analyst-11.pdf
- https://www.resumeviking.com/wp-content/uploads/2019/04/Emily_Carter_-_Resume_-_English_Teacher-9.pdf
- https://www.resumeviking.com/wp-content/uploads/2018/09/Karen_Philips_-_Resume_-_Web_Designer-4.pdf
上面两份模板都来自 此网站 ，想寻找更满意的版本可以进去逛逛。
- http://zhangwenli.com/cv/
- https://html5up.net/read-only
- 下载地址：上方链接右上角 Download
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent