阿里云前端周刊 - 第 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应用在其生命周期里，都要经历搭建开发环境、创建构建系统、编写代码、进行数据分析等等，直至最后使用新的系统来替换这个遗留系统。

原文链接