1. 连接握手过程 2. 数据帧 3. ws库源码分析: 连接握手过程 4. ws库源码分析: 数据帧处理 5. 总结

前两天项目中有个小需求：前端下载后台小哥返回的二进制流文件。 然后非IE的通过URL.createObjectURL()将Blob(Blob是啥？不知道？没关系，我下面会具体装逼讲解的)构建为一个object URL对象、指定文件名&文件类型、创建a链接模拟点击实现下…

现在前端面试，大多都会问到关于事件循环、执行栈等问题，本文通过案列、图片等形式给大家讲解这些概念，如果认真看完，我相信90%的同学可以彻底理解。

因为 JS 是单线程的要想实现异步操作需要采用一种机制这种机制就是 Event Loop，而上面的三道题主要考察了这个知识点。先来看一张图 可以看到图中主要分为了四部分：Heap（堆），Stack（栈），Queue（队列），WebAPIs。其中的 Heap（堆）可以不用考虑，因…

返回新对象。 简单版深拷贝，列举三个例子 array object function，可以自行扩展。主要是引发大家的思考 鄙人公众号【前端技匠】，一起来学习吧。

最近经常看到很多JavaScript手写代码的文章总结，里面提供了很多JavaScript Api的手写实现。 里面的题目实现大多类似，而且说实话很多代码在我看来是非常简陋的，如果我作为面试官，看到这样的代码，在我心里是不会合格的，本篇文章我拿最简单的深拷贝来讲一讲。 本文由浅…

群里聊天有人说面试问到了 async 的实现原理，并且回答中提到了 generator，最近正好学习了一下标题中的三个玩意，觉得回答上有点不妥，产生了一番折腾，最后自己手写了这三个东西的大致逻辑。 本文没有详细源码的解析，属于个人学习过程中的理解方式，如果想学习可以参考文章中给…

这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题。PS：以下内容都基于vue-cli3+。 路由使用按需加载后，打包生成的文件，每一个路由页面都对应一个js和css文件，入口main.js及其依赖则打包成了app.js和app.css，公共依赖都…

上篇文章详细解析了原型、原型链的相关知识点，这篇文章讲的是和原型链有密切关联的继承，它是前端基础中很重要的一个知识点，它对于代码复用来说非常有用，本篇将详细解析JS中的各种继承方式和优缺点进行，希望看完本篇文章能够对继承以及相关概念理解的更为透彻。 继承是一个类从另一个类获取方…