本人双非本科，目前大四在读，JS，TS，LeetCode，Vue，React，算法爱好者。 座右铭：学如逆水行舟，不进则退！在今年7月份在某电子公司实习过，有过一段前端开发实习经历，8月份正式踏入秋招的征途，投递了许许多多的公司，面试过腾讯、字节、滴滴、美团、快手、网易、阿里等…

本人已经过原作者制授权翻译。 大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 在这篇文章中，主要介绍10种快速提高网站性能的方法，你只需5分钟内就可以将它应用到你的网站上，废话不多说，让我们进入正题吧 💎。 1. 文件压缩 文件压缩，可以减少网络传输的字节…

一天造一个轮子，干就完了。 防抖和节流可以说是一对好基友，也是前端面试的手写热点考题。防抖和节流其实都是在规避频繁触发回调导致大量计算，从而影响页面发生抖动甚至卡顿。简单的说将多次回调比如页面点击或ajax调用变为一次。防抖和节流的区别在于以第一次为准还是最后一次为准。 1. …

面试官很忙，但我不单纯是蹭热点，今天聊的主题绝对是面试中命中率很高的知识点。我在复习javascript函数这块知识时，注意到一个有意思的点，就是构造函数显式return，并由此引发了一波头脑风暴...... 我们知道，如果不做特殊处理，new构造函数时会发生下面这几步。 执行…

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

在面试中，常常会问到一些“手写XXX”的面试题，如果我们只是停留在熟练使用这些 API，问到这种问题想必总是束手无策的。其实想要手写 API 的实现也并不难，更多的是需要我们训练自己通过使用方式来推倒实现的能力，千万不要死记硬背。最近我也在强化自己手写 API 的能力，并汇总了…

在了解script标签添的 async 和 defer 属性之前，先来介绍一下浏览器的 load 与 DOMContentLoaded 事件。 1. load 与 DOMContentLoaded 的区别 当整个页面及所有依赖资源如样式表和图片都已完成加载时，将触发load事件…

1. 节流 效果：即使一段时间内大量触发同一事件，在回调函数执行一次之后，该回调函数在指定的时间期限内不再工作，直至过了这段时间才重新生效。 2. 防抖 效果：在某个时间段内，不管你触发多少次事件，只执行一次回调函数。 3. 事例 可以看到子弹射出后，要等待一段时间⏱才能，再次…

图片懒加载是一个很受欢迎的优化站点的方法，因为它很容易实现，并且能明显提升性能。使用惰性加载，我们可以异步加载图片，这意味着可以只加载浏览器视口内的图片。 大约一年前，图像和iframe的原生惰性加载特性已发布，但是仅针对谷歌和其他主流浏览器。该功能的重点是使浏览器可以控制何时…