面试复习合集

总述 前端性能优化，一个老生常谈的问题。因为前端主要就是在解决页面的问题，那么排除掉页面本身实现方面的问题，剩下一个最大的问题就是如何优化页面展示的效率，即前端的性能优化问题。 性能瓶颈主要出现在三个

前端面试中经常遇见这两个常考的、非常大的、一旦被面试官深挖经常会哑口无言的问题：1. 输入URL发生了什么？2. 浏览器如何渲染页面。看似这两个问题是在考察你对整个浏览器原理的理解程度，但实际上当你弄

理解原理才能更好的理解现象。如有错误，欢迎指正～ （截止到发文时间） css从20世纪90年代一直到今天，CSS主流控件们的发展历史。应该是互联网独一份吧哈哈

应该会是一篇持续更新的文章，陆陆续续学了这么长时间，也开始对这些比较底层的问题有了一些自己的理解，不一定全对，欢迎指正～ 为什么要有react/vue这样的框架，而不是用jquery？

本文有点干，建议全文背诵。 什么是互联网/什么是http/什么是域名，DNS/什么是host/什么是tcp/三次握手四次挥手/浏览器渲染原理。。。一文搞定

垂直水平居中的几种实现 使用 Flex 布局实现垂直水平居中： 使用绝对定位实现垂直水平居中： 使用 table 布局实现垂直水平居中： 使用 grid 布局实现垂直水平居中： 如何清除浮动 使用 c

常见 loader 和 plugin 的区别是什么/webpack 如何解决开发时的跨域问题？如何实现 tree-shaking？如何提高 webpack 构建速度？webpack 与 vite 的区

GET 和 POST 的区别有哪些？ HTTP缓存有哪些方案？HTTP 和 HTTPS 的区别有哪些？HTTP/1.1 和 HTTP/2 的区别有哪些？TCP 三次握手和四次挥手是什么？

EventLoop 是什么？ Node.js 将各种函数（也叫任务或回调【即通过nodejs向操作系统发出各种请求，由操作系统给出回应】）分成至少 6 类，按先后顺序调用，因此将时间分为六个阶段： t

TS 和 JS 的区别是什么？ 语法层面：TypeScript = JavaScript + Type（TS 是 JS 的超集） 执行环境层面：执行环境不同。浏览器、Node.js 可以直接执行 JS

思路 方法一：使用 Set return Array.from(new Set(a)) 方法二：计数排序 思路： 定义一个普通对象map 遍历这个map 定义number为a的第i个 如果number

什么是深拷贝 不是浅拷贝的都是深拷贝。 将一个对象的a属性集合，完全拷贝成b，使a/b完全一致，且ab的属性之间没有任何的交集，引用b的属性不会指向a，就是深拷贝。 方法一，用 JSON： 思路 用j

思路 一句话简单概括就是一个计数器。 Promise.all() 是 JavaScript 中 Promise 对象的一个静态方法，它接受一个 iterable 对象作为参数，该 iterable 对

思路 虽然在日常使用中，我们经常用 axios.get / axios.post这样的方法去使用ajax，但是不排除会遇见手写的方法去面试。介绍一下思路。 定义一个变量，变量名为xhr（XML Htt

思路 发布订阅本质是一种设计模式，是一个代码的模板。 具体实现思路： 首先定义一个变量eventHub，作为一个接口实现我们通讯的中介。 这个变量有三个固定的接口，on emit off 在函数外面通

节流 思路 节流就是技能冷却中。 先定义一个功能能实现节流。 定义一个变量d代表闪现，并执行它 用setTimeout定义120s的功能 只要调用了就应设立一个变量‘冷却中’设置为true 在120s

Vue 3 为什么使用 Proxy？ 弥补 Object.defineProperty 的两个不足 a. 动态创建的 data 属性需要用 Vue.set 来赋值，Vue 3 用了 Proxy 就不需

React常见面试考点，即自己总结的简便记忆方式。虚拟DOM 是什么 虚拟dom就是虚拟节点，React用js对象来模拟dom节点，然后将其渲染成真实的节点

DOM事件模型 先经历从上到下的捕获阶段，再经历从下到上的冒泡阶段。 addEventListener(’click’,fn,true/false) 第三个参数可以选择阶段。 在第三个参数中，如果tr

JS 的数据类型有哪些？原型链是什么？这段代码中的 this 是多少？JS 的 new 做了什么？JS 的立即执行函数是什么？JS 的闭包是什么？怎么用？JS 如何实现类？JS 如何实现继承？