React 早期版本，类组件可以通过继承PureComponent来优化一些不必要的渲染，相对于函数组件，React 官网没有提供对应的方法来缓存函数组件以减少一些不必要的渲染，直接 16.6 出来的 React.memo函数。

点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。

为了保证的可读性，本文采用意译而非直译。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！ 一般情况咱们排序大都按数字或字母顺序，但也有一些情况下，咱们可能需要自定义排序顺序。 在此之前先简单介绍一下 reduce 方法： 语法：arr.reduce(callback(accumulator, currentValue[, index[, array]])[,...

从ES6 开始，我们大都使用的是 Promise.all()和Promise.race()，Promise.allSettled() 提案已经到第4阶段，因此将会成为ECMAScript 2020的一部分。

点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。

点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。

阿里云最近在做活动，低至2折，有兴趣可以看看：[链接] 为了保证的可读性，本文采用意译而非直译。 在长时间学习和使用面向对象编程之后，咱们退一步来考虑系统复杂性。 在做了一些研究之后，我发现了函数式编程的概念，比如不变性和纯函数。这些概念使你能够构建无副作用的函数，因此更容易维护具有其他优点的系统。 在...

点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。

阿里云最近在做活动，低至2折，有兴趣可以看看：[链接] 为了保证的可读性，本文采用意译而非直译。 这些年来，ES6 将 JS 的可用性提升到一个新的水平时: 箭头函数、类等等,这些都很棒。 箭头函数是最有价值的新功能之一，有很多好文章描述了它的上下文透明性和简短的语法。 但每个事务都有两面。通常，新特性会带来一些...

大约8年前，当原作者开始学习JS时，遇到了一个奇怪的情况，既存在undefined 的值，也存在表示空值的null。它们之间的明显区别是什么?它们似乎都定义了空值，而且，比较null == undefined的计算结果为true。

BigInt数据类型的目的是比Number数据类型支持的范围更大的整数值。在对大整数执行数学运算时，以任意精度表示整数的能力尤为重要。使用BigInt，整数溢出将不再是问题。

阿里云最近在做活动，低至2折，有兴趣可以看看：[链接] 为了保证的可读性，本文采用意译而非直译。 在阅读JavaScript代码时，你是否有过这种感觉 你几乎不明白代码的作用？ 代码使用了很多 JavaScript 技巧？ 命名和编码风格太过随意？ 这些都是不良编码习惯的征兆。 在这篇文章中，我描述了JavaScript中常见的5种不良编...

正确的答案是:script start, script end, promise1, promise2, setTimeout，但是由于浏览器实现支持不同导致结果也不一致。

NaN是一个 number 类型。 而且，NaN 不等于它自己。 实际上NaN不等于任何东西，验证一个变量是否是 NaN 可以使用 isNaN() 方法来判断。

点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。

使用Proxy，你可以将一只猫伪装成一只老虎。下面大约有6个例子，我希望它们能让你相信，Proxy 提供了强大的 Javascript 元编程。

JavaScript 是一种有趣的语言，我们都喜欢它，因为它的性质。浏览器是JavaScript的主要运行的地方，两者在我们的服务中协同工作。JS有一些概念，人们往往会对它掉以轻心，有时可能会忽略不计。原型、闭包和事件循环等概念仍然是大多数JS开发人员绕道而行的晦涩领域之一。正如我们所知，无知是一件危险的事情，它可能会导...

在本文中，将探讨如何从一个web应用程序中直接生成一个PDF。这不是一个生成 PDF 库列表，这里主要的目的是展示不同生成 PDF 的方法。如果你有自己喜欢的工具或任何经验可以在评论中分享给我们。

想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！ React 新特性讲解及实例(一) React 新特性 Hooks 讲解及实例(二) React 新特性 Hooks 讲解及实例(三) 使用 Ref Hooks 类组件中使用 Ref 一般有： String Ref Callback Ref CreateRef 上述在函数组件中没有办法使用它们，取而代之的是 useRef Hooks。 use...

阿里云最近在做活动，低至2折，有兴趣可以看看：[链接] 为了保证的可读性，本文采用意译而非直译。 JS数组slice方法是JS语言中最强大、最常用的内建函数之一。 随着React和其他面向功能的JavaScript实践的兴起，它变得越来越重要，原因有两个: 函数式编程，尤其是高阶函数，与数据列表密切配合 函数式编程需要纯函数，即...

最近发布不久的Vue 2.6，使用插槽的语法变得更加简洁。 对插槽的这种改变让我对发现插槽的潜在功能感兴趣，以便为我们基于Vue的项目提供可重用性，新功能和更清晰的可读性。 真正有能力的插槽是什么？

我确信有很多开发人员坚持使用基本的全局对象：数字，字符串，对象，数组和布尔值。对于许多用例，这些都是需要的。 但是如果想让你的代码尽可能快速和可扩展，那么这些基本类型并不总是足够好。

点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。

变量提升是一个陈旧且令人困惑的术语。甚至在 ES6之前：变量提升的意思究竟是“提升至当前作用域顶部”还是“从嵌套的代码块中提升到最近的函数或脚本作用域中”？还是两者都有？

阿里云最近在做活动，低至2折，有兴趣可以看看：[链接] 为了保证的可读性，本文采用意译而非直译。 这些技巧可能大家大部分都用过了，如果用过就当作加深点映像，如果没有遇到过，就当作学会了几个技巧。 1. 确保数组值 使用 grid ，需要重新创建原始数据，并且每行的列长度可能不匹配， 为了确保不匹配行之间的长度相等...

阿里云最近在做活动，低至2折，有兴趣可以看看：[链接] 为了保证的可读性，本文采用意译而非直译。 有没有想过浏览器如何读取和运行JS代码？ 这看起来很神奇，我们可以通过浏览器提供的控制台来了解背后的一些原理。 在Chrome中打开浏览器控制台，然后查看Sources这栏，在右侧可以到一个 Call Stack 盒子。 JS 引擎是一...

本文是 React 系列的第三篇 React 新特性讲解及实例(一) React 新特性 Hooks 讲解及实例(二) 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！ 使用 Context Hooks 使用 Context ,首先顶层先声明 Provier 组件，并声明 value 属性，接着在后代组件中声明 Consumer 组件，这个 Consumer 子组件，只能是唯...

阿里云最近在做活动，低至2折，有兴趣可以看看：[链接] 为了保证的可读性，本文采用意译而非直译。 JS中的 Date 很奇怪。当我们需要处理日期和时间的时候比较麻烦，经常借助像date-fns和 Moment 这样的库。 但是我们并不总是需要使用库。如果知道要注意一些总是，日期实际上可以非常简单。接下介绍有关Date对象的所有信...

ECMAScript 2015，也称为ES6，是一个花了6年时间完成的主要版本。从那时起，负责ECMAScript标准开发的技术委员会39 (TC39)每年都会发布该标准的新版本。这个年度发布周期简化了这个过程，并使新特性快速可用，JavaScript社区对此表示欢迎。

为了保证可读性，本文采用意译而非直译。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！ 一些名词 JS引擎 — 一个读取代码并运行的引擎，没有单一的“JS引擎”;，每个浏览器都有自己的引擎，如谷歌有V。 作用域 — 可以从中访问变量的“区域”。 词法作用域— 在词法阶段的作用域,换句话说，词法作用域是由你...