前端周报第 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.jsObject.assign 对比对象的扩展运算符。工具benchmark.js记录 js 代码的执行时间，对比不同 js 代码执行效率的工具。如果你喜欢这篇文章，请关注我，我会持续输出更多原创且高质量的内容。原文链接：前端周报第 3 期