阿里雲前端週刊 - 第 11 期

摘要： ## 推薦 ### 1. JavaScript 模塊現狀 https://zhuanlan.zhihu.com/p/26567790 最近 在 twitter 上有很多關於 ES Module 現狀的討論，尤其是在 Node.js 上，他們計劃引入新的文件擴展名 *.mjs。人們有足夠理由對此感到 擔憂和不確定，因爲這個話題異常複雜，接下來會盡力闡述清楚問題。 ###

推薦

1. JavaScript 模塊現狀

https://zhuanlan.zhihu.com/p/26567790

最近 在 twitter 上有很多關於 ES Module 現狀的討論，尤其是在 Node.js 上，他們計劃引入新的文件擴展名 *.mjs。人們有足夠理由對此感到 擔憂和不確定，因爲這個話題異常複雜，接下來會盡力闡述清楚問題。

2. 一文看透醜陋而又神奇的JSX

http://mp.weixin.qq.com/s/6stAmqneDm5GJbSCzoYppA

JSX這種混合使用JavaScript和XML的語言第一眼看上去很“醜陋”，也很神奇，但是其語法和背後的邏輯卻極其簡單。相信讀完本文你就可以對JSX和組件有一個全面的瞭解，並能夠用JSX來直觀地構造用戶界面。

3. 下一代 Web 應用模型 - Progressive Web App

https://huangxuan.me/2017/02/09/nextgen-web-pwa/

近年來，Web 應用在整個軟件與互聯網行業承載的責任越來越重，軟件複雜度和維護成本越來越高，Web 技術，尤其是 Web 客戶端技術，迎來了爆發式的發展。

其它

1. ES6 modules 即將到來，現在該考慮新的打包方案了嘛？

https://zhuanlan.zhihu.com/p/27276672

近年來，構建高性能JavaScript應用是一個複雜的工程。幾年前，從爲了節省HTTP開銷做代碼合併開始到壓縮混淆變量名來擠出最後一bit的代碼放在我們的工程裏。
現在我們需要tree shaking我們的代碼以及打包我們的模塊，然後回過頭來，爲了不阻塞主進程加快首屏加載速度做代碼拆分。我們同時也更換了所有的東西：使用上未來的一些特性？答案是肯定的，這得歸功於Babel！

2. 10 個你可能不知道的前端PS技巧

https://aotu.io/notes/2017/06/09/ps-tricks/

在前端切圖工作裏，本質來說就是“選擇圖層-獲取信息、編輯圖層-導出圖層”的過程，本文主要介紹在這個過程裏的一些技巧。

3. 深入理解 Node Stream 內部機制

http://www.barretlee.com/blog/2017/06/06/dive-to-nodejs-at-stream-module/

相信很多人對 Node 的 Stream 已經不陌生了，不論是請求流、響應流、文件流還是 socket 流，這些流的底層都是使用 stream 模塊封裝的，文章通俗易懂的介紹了 Stream 相關知識。

4. 使用 ES decorators 構建一致性 API

http://taobaofed.org/blog/2017/04/27/building-consistent-api-with-es-decorators/

重用和一致性是程序設計中經久不衰的兩個課題。在最新的 ES Proposal 中，「decorators 語法」爲此帶來了一定的便利，並且，很適合應用於大型的類庫中。

5. JS凍結對象

http://www.jianshu.com/p/23c003b044a5

這篇文章由淺入深討論JS中對象的一些鎖定特性。但都是一些基礎語法的實現，相信即便是前端小白也可以大體領會。

6. 爲什麼所有的 Web 應用都將被重寫？

http://mp.weixin.qq.com/s/yEqItZpgIXLPHQDIb39eyQ

一個Web應用在其生命週期裏，都要經歷搭建開發環境、創建構建系統、編寫代碼、進行數據分析等等，直至最後使用新的系統來替換這個遺留系統。

原文鏈接