前端周报第 3 期

焦点

Future JavaScript: what is still missing?

从 ES6 开始，JavaScript(ECMAScript) 发展迅猛，新增了很多有用的新特性。但是作者觉得还有一些很好的特性，应该被纳入规范，这些特性大部分已经在草案阶段，让我们提前看一看吧。

教程

How to setup Webpack config

这是一个简明易上手且全面的 Webpack 配置教程。作者以一个 React 单页应用为例，讲明了如何配置 Webpack 打包资源，还提到一些优化的小技巧。

What is tree shaking and how does it work?

因为 ES6 Module 的出现，让 JavaScript 的 Tree Shaking 得以实现。作者介绍了 Tree Shaking 的优点与不足，以及如何在 Webpack 中使用它。

Sure you want to leave? — beforeunload event

当用户关闭网页时，beforeunload 事件将会被触发，开发者可以在事件回调中弹出提示挽留用户，具体代码如下。

window.addEventListener('beforeunload', (event) => {
  event.returnValue = `Are you sure you want to leave?`;
});

本文详细介绍了 beforeunload 事件的各种应用场景，让你感慨一个不起眼的事件也有大文章。

How to Remove Array Duplicates in ES6

数组去重的方法，以及效率对比 - Performance of Javascript Array Ops。

Object.assign vs Object Spread in Node.js

Object.assign 对比对象的扩展运算符。

工具

benchmark.js

记录 js 代码的执行时间，对比不同 js 代码执行效率的工具。

如果你喜欢这篇文章，请关注我，我会持续输出更多原创且高质量的内容。

原文链接：前端周报第 3 期