许多开发人员认为多个显示器可以提高生产力。研究证明是这样，对吧？那么，请记住，许多这些研究是由戴尔和NEC等监控制造商委托进行的。🤔

尽管多个显示器使您看起来像一个重度的计算机使用者，但我在几年前卖了我的多显示器，并切换到一个监视器。而且我并不是一个人。

下面就是为什么。

import 是 ES6 规范语法之一。而 require 属于CommonJS规范的一部分。

目前来说，使用现代浏览器还无法支持 import，一般都会搭配 babel 使用，而 babel 会把 import 转换成 CommonJS 的 require.

但是，我们不能混用 import 和 require。有时候会看下如下代码：

react性能优化：提取子组件中额外的事件绑定

我们经常在快要完成一个react中型应用时，发现页面并没有想象中那么流畅。 react 理论性能是不错的，但是对开发者要求也很高，一些不易注意的点很容易造成性能问题。正所谓“烂泥扶不上墙”。

下面看看子组件的事件绑定写法对性能的影响。

Function 是编程的组成部分。它们有助于为我们的代码增加模块化和可重用性。

将程序划分为大块是很常见的功能，我们稍后可以使用这些功能来执行一些有用的操作。

有时，多次调用功能可能会变得昂贵（比如，计算一个数字的阶乘的函数）。但是有一种方法可以优化这些功能，使它们执行得更快：缓存。

css3中background-position的四值语法

刨根问底，每个css属性都要知道它的所有值实在不容易。今天看看 background-position.

background-positionCSS中的属性允许您在其容器内移动背景图像（或渐变）。

Array数组的indexOf、includes vs for-loop性能比较

最近遇到一道算法题，然后有些人会使用 includes、indexOf 去判断是否存在另一个数。这让我不禁思考，这和 for loop有什么区别，能减少时间复杂度吗？我一开始也不是很清楚，但我可以找文档，找标准。我的第一判断是 includes 完全和 for loop没有区别的，只是es6 标准规范提供的语法糖，而 indexOf 还是有一定效率的。带着疑惑，查看 MDN 和 ecma-262

Web Animations API 入门教程总结回顾

这是 Web Animations API 入门教程系列的总结部分。我在2016年6月更新了系列内容，因为Chrome和Firefox都推出了主要更新（以及一些小规格更改）。如果您有想法或问题，或看到我已经误解了该规范，请在Twitter上与@dancwilson联系。

我们已经涵盖了相当多的知识面，希望能够解决有关Web Animations API是什么（而不是什么）的问题。要总结这个系列，我们将回顾一下我们已经讨论过的内容，并看看尚未实现的内容。

Web Animations API 入门教程第5部分: 可爱的运动路径

这是 Web Animations API 入门教程系列的第5部分。

重要信息：自撰写本文以来，运动路径的规范（和Chromium实现）已经发生了重大变化。以下在概念上仍然有效，但是属性名称和更多内容已经改变。截至2016年10月，请查看CSS运动路径。

最后，沿着路径动画…不再仅仅是SVG的领域。

Web Animations API 入门教程第4部分: GroupEffects & SequenceEffects

这是 Web Animations API 入门教程系列的第4部分。我在2016年6月更新了系列内容，因为Chrome和Firefox都推出了主要更新（以及一些小规格更改）。如果您有想法或问题，或看到我已经误解了该规范，请在Twitter上与@dancwilson联系。

让我们继续讨论Web动画API中的多个动画，通过讨论今天在polyfill中提供的几个部分来提供分组和排序。

Web Animations API 入门教程第3部分: 多个Animations对象

这是 Web Animations API 入门教程系列的第3部分。我在2016年6月更新了系列内容，因为Chrome和Firefox都推出了主要更新（以及一些小规格更改）。如果您有想法或问题，或看到我已经误解了该规范，请在Twitter上与@dancwilson联系。

在我们讨论动画和时间线控制之后，让我们来讨论多个动画。