网页开发中我们经常要处理用户交互，我们会用 addEventListener 添加事件监听器来监听各种用户操作，比如 click、mousedown、mousemove、input 等，这些都是由用户

前情回顾 前面一篇文章，我们提到了 web compontens 是一套原生 JavaScript 就已经支持组件封装的技术，它主要由三个技术组成：自定义元素，HTML 模板，影子 DOM 然后我们也

一种速度超快🚀、结构超精妙⚙️的前端枚举方式！从vue3源码学到的高阶技巧，想进阶或看源码的朋友不要错过！

欢迎来前端食堂年终总结的评论区盖楼，听说食堂的小伙伴们都来了。 进入正文。 不过建议看完本文后还是要亲自去读一读，不多 bb，开始展示。 Promise 的三个状态分别是 pending、fulfilled 和 rejected。 pending: 待定，Promise 的初始…

对a解构时赋予的默认值（空数组），仅当b.a的值为undefined时才会生效，如果b.a的值为null，默认值就无法生效，使得第二行调用map方法的代码直接报错，所以第一行代码兜底并没有做好。 • 如果取到的值为null，则返回null（不会触发默认值），所以对于期望类型为数…

在日常开发过程中，我们经常会涉及到数据的拷贝。使用时经常会困惑，到底是不是需要深拷贝，如果是深拷贝使用第三方库还是使用自己写的方法。如果使用第三方库比如lodash还好，基本上不会出错。但是如果使用的是自己写的方法，那么很容易出错，明明有些时候能够拷贝成功，为什么有些时候又不能…

什么是 Proxy ？它到底起什么作用？在解释之前，让我们看一个真实的例子。 我们每个人在日常生活中都有很多事情要做，比如阅读电子邮件、接收快递等等。有时我们可能会感到有点焦虑：我们的邮件列表上有很多垃圾邮件，需要花费很多时间筛选；收到的货物中可能含有恐怖分子安放的炸弹，威胁我…

ES6中的解构特性能让我们从对象（Object）或者是数组（Array）中取值的时候更方便，同时写出来的代码在可读性方面也更强。之前接触过python语言的小伙伴应该对这个不会陌生，这个特性早已在python中实现了。在python中，我们可以通过下面的代码来取值 在这种方式中…

本文基于 github 项目 airbnb/javascript 翻译，也加入了一些个人理解。规范有利于我们更好的提高代码可读性，避免一些不必要的 bug。但是，并没有统一的标准和硬性要求，这里只是给大家提供一些参考，适合团队和自己的才是最好的。 2.1 所有的赋值都用cons…