前端周报第 3 期

2019-02-03 | 前端周报

# 焦点

# 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 代码执行效率的工具。