阿里云前端周刊 - 第 11 期

172 阅读3分钟

摘要:
## 推荐 ### 1. JavaScript 模块现状 https://zhuanlan.zhihu.com/p/26567790 最近 在 twitter 上有很多关于 ES Module 现状的讨论,尤其是在 Node.js 上,他们计划引入新的文件扩展名 *.mjs。人们有足够理由对此感到 担忧和不确定,因为这个话题异常复杂,接下来会尽力阐述清楚问题。 ###

推荐

1. JavaScript 模块现状

zhuanlan.zhihu.com/p/26567790

最近 在 twitter 上有很多关于 ES Module 现状的讨论,尤其是在 Node.js 上,他们计划引入新的文件扩展名 *.mjs。人们有足够理由对此感到 担忧和不确定,因为这个话题异常复杂,接下来会尽力阐述清楚问题。

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

mp.weixin.qq.com/s/6stAmqneD…

JSX这种混合使用JavaScript和XML的语言第一眼看上去很“丑陋”,也很神奇,但是其语法和背后的逻辑却极其简单。相信读完本文你就可以对JSX和组件有一个全面的了解,并能够用JSX来直观地构造用户界面。

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

huangxuan.me/2017/02/09/…

近年来,Web 应用在整个软件与互联网行业承载的责任越来越重,软件复杂度和维护成本越来越高,Web 技术,尤其是 Web 客户端技术,迎来了爆发式的发展。

其它

1. ES6 modules 即将到来,现在该考虑新的打包方案了嘛?

zhuanlan.zhihu.com/p/27276672

近年来,构建高性能JavaScript应用是一个复杂的工程。几年前,从为了节省HTTP开销做代码合并开始到压缩混淆变量名来挤出最后一bit的代码放在我们的工程里。
现在我们需要tree shaking我们的代码以及打包我们的模块,然后回过头来,为了不阻塞主进程加快首屏加载速度做代码拆分。我们同时也更换了所有的东西:使用上未来的一些特性?答案是肯定的,这得归功于Babel!

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

aotu.io/notes/2017/…

在前端切图工作里,本质来说就是“选择图层-获取信息、编辑图层-导出图层”的过程,本文主要介绍在这个过程里的一些技巧。

3. 深入理解 Node Stream 内部机制

www.barretlee.com/blog/2017/0…

相信很多人对 Node 的 Stream 已经不陌生了,不论是请求流、响应流、文件流还是 socket 流,这些流的底层都是使用 stream 模块封装的,文章通俗易懂的介绍了 Stream 相关知识。

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

taobaofed.org/blog/2017/0…

重用和一致性是程序设计中经久不衰的两个课题。在最新的 ES Proposal 中,「decorators 语法」为此带来了一定的便利,并且,很适合应用于大型的类库中。

5. JS冻结对象

www.jianshu.com/p/23c003b04…

这篇文章由浅入深讨论JS中对象的一些锁定特性。但都是一些基础语法的实现,相信即便是前端小白也可以大体领会。

6. 为什么所有的 Web 应用都将被重写?

mp.weixin.qq.com/s/yEqItZpgI…

一个Web应用在其生命周期里,都要经历搭建开发环境、创建构建系统、编写代码、进行数据分析等等,直至最后使用新的系统来替换这个遗留系统。