Hello 大家好 我是鲨鱼哥 最新的大厂前端面试题出炉啦 助力大家金九银十拿到好offer 大家冲起来～～

哈哈，之前是 2020 年必读文章，到了 2021 年了，感觉这些文章还都是经典，那就改个标题吧。[手动狗头] 之前写过一篇 一年半经验如何准备阿里巴巴前端面试，给大家分享了一个面试复习导图，有很多朋友说希望能够针对每个 case 提供一个参考答案。 写答案就算了，一是精力有限…

首先我们先回顾一下webpack常见配置，因为后面会用到，所以简单介绍一下。 这里面我们重点关注 module和plugins属性，因为今天的重点是编写loader和plugin，需要配置这两个属性。 通过逐层识别模块依赖。（Commonjs、amd或者es6的import，w…

长连接：一个连接上可以连续发送多个数据包，在连接期间，如果没有数据包发送，需要双方发链路检查包。 TCP/IP：TCP/IP属于传输层，主要解决数据在网络中的传输问题，只管传输数据。但是那样对传输的数据没有一个规范的封装、解析等处理，使得传输的数据就很难识别，所以才有了应用层协…

最近在准备面试，刚好利用几天的时间系统的整理了下JS经常考的手撕题类型。 在这里，以脑图的形式带大家手撕这篇文章里的所有题（带注释）。 5. 手动实现防抖函数 柯理化函数含义：是给函数分步传递参数，每次传递部分参数，并返回一个更具体的函数接收剩下的参数，这中间可嵌套多层这样的接…

通过插件我们可以扩展webpack，在合适的时机通过Webpack提供的 API 改变输出结果，使webpack可以执行更广泛的任务，拥有更强的构建能力。 本文将尝试探索 webpack 插件的工作流程，进而去揭秘它的工作原理。同时需要你对webpack底层和构建流程的一些东西…

当需要创建多个对象的时候，如果循环会「重复创建」很多变量，占用内存。 如果用new生成，那么里面重复的属性是在「原型」上，就不用占用内存。 节省代码，属于语法糖，可以拥有使用构造函数里面的所有「属性和方法」，并且还可以「拓展」。 判断构造函数的返回值，如果是对象，直接返回这个值…

这是一个过程曲折、结局温暖的动人故事。 知识点：ES6 import()动态加载模块和webpack的require.context。 就是对mockjs最基础的应用：引入静态数据、mock匹配请求路径、返回对应数据。 没一点毛病！除了太普通显得有点low。 low不是错，让我…

1. 浏览器输入地址后发生什么 2. 轮询、长轮询、长连接、websocket区别 长轮询：客户端向服务器发送请求，服务器保持连接，当有更新消息立即返回客户端，连接关闭。 长连接：客户端向服务器发送请求，服务器保持连接，当有更新消息立即返回客户端，连接保持。 3. websoc…