乐趣区

前端周报第 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 期

退出移动版