前端週報第 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 期