工程师是个古老的职称了。耳熟能详的有建筑工程师，电器工程师等，往往他们在人们脑海中的印象是刻板，严谨，可靠。 随着互联网的发展，软件工程师出现了！他们不用一砖一瓦，也不用尺子电钻，计算机是他们的施工现场，代码是他们的工程部件，键盘之上的指尖跃动是他们的工程活动，在你看不见的地方…

接下来要写一个服务端，该我们的WebSocket登场了（为什么用WebSocket？因为它全双工，并且有现成的轮子，而且前端也比较熟悉），WebSocket的框架有很多，我们来选一个，小公鸡点到谁我就选。。。就它了：ws（大名鼎鼎的socket.io内部的WebSocket连接…

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

防抖函数英文名叫“debounce function”，它通常是作为频发事件的回调使用的。对于 scroll、resize、key* 这类事件，如果不使用防抖函数处理，那么由于事件的频繁发生，触发回调逻辑的不断调用，很可能会发生性能问题。 上面的回调函数经过 debounce …

1. let、const 解构是es6新特性，可以对数组对象内容直接解析。 es6中加入了“`”反引号，反引号中${}处理模版字符串。 4. 函数 5. 数组 6. 对象 7. Class 类 8. Generator 9. async await

✨满满的干货，不容错过哦. 写文不易，点赞是最大的鼓励。 文章下篇已经更新：深入浅出 Babel 下篇：既生 Plugin 何生 Macros 有点冷清，赞起来。 上图是 Babel 的处理流程, 如果读者学习过编译器原理，这个过程就相当亲切了. 1️⃣词法解析(Lexical…

据我了解，前端程序员有相当一部分对“数据结构”和“算法”的基础概念都不是很清晰，这直接导致很多人在看到有关这部分的内容就会望而却步。 实际上，当你了解了“数据结构”和“算法”存在的真正意义，以及一些实际的应用场景，对它有了一个整体的认知之后，你可能会对它产生强烈的兴趣。当然，它…

左右固定，中间自适应。 防抖(debounce):就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。 search搜索联想，用户在不断输入值时，用防抖来节约请求资源。 节流(throttle):就是指连续触发事件但是在 n 秒…

对数组功能的增强数组的创建Array.of()数组构造器newArray()创建数组时，因为传递参数的个数与类型不同，会出现怪异的行为，因此引进了Array.of()方法创建数组Array.from(