本文从简单到复杂列出了前端常用的一些代码段。善用这些代码可以让你的代码更高雅，别人更难懂。你就是公司的护城河，你就是前端的顶梁柱。

这些比较新的逻辑运算符基本都是在 ECMAScript 2020`标准中引入的，总结下来就会发现主要是针对 null 或和 undefined 的。

Blob Blob 全名是(Binary Large Object) 翻译过来就是 二进制类型的大对象 Blob 对象表示一个不可变、原始数据的类文件对象，一个 Blob 对象就是一个包含有只读原始数

JavaScript 在处理文件、二进制数据和数据转换时，提供了一系列的 API 和对象，比如 File、Blob、FileReader、ArrayBuffer、Base64、Object URL 和

2013 年，当 React 带着 JSX 横空出世时，社区曾对 JSX 有过不少的争议，但如今，越来越多的人面对 JSX 都要说上一句“真香”！典型的“真香”系列。

【清晰】【全面】知道设计原型链的初衷，才有助于你更好记忆和彻底搞懂原型和原型链，内容包含prototype、__proto__、contructor、new 操作符、继承

1. 按位与(AND) & &以特定的方式组合操作二进制数中对应的位，如果对应的位都为1，那么结果就是1， 如果任意一个位是0 则结果就是0。 2. 按位或(OR) | | 运算符跟 & 的区别在于如果对应的位中任一个操作数为1 那么结果就是1。 3. 按位异或(XOR) ^ …

二进制数的负数是取该二进制数的补码,然后+1。 二进制数,最高位为0表示正数,最高位为1表示负数。(最高位分不同情况存储不一样) ~按位非操作其实就是取补码的过程,也就是上述求该值负数的逆过程,所以可以简单的理解为该值取负值后减1。 不存在返回-1,~-1 = 0 ,大于-1的…

回答这个问题我们就先看看如果不使用this会出现什么问题。试想下面代码如果不使用this应该怎么写： this可以在同一个执行环境中使用不同的上下文对象。它其实提供了一种更加优雅的方式来隐式“传递”一个对象引用，因此可以使API设计的更加简洁且易于复用。 this既不是自身也不…