阿里云前端周刊 - 第 26 期

推荐

1. Node.js 8.5.0 发布

https://nodejs.org/en/blog/re...

已经发布的 Node.js 8.5.0 版本中引入了一系列的新特性与错误修复，其中值得注意的是 V8 从新支持 Snapshots、引入了 console.group()、新增了 fs.copyFile 与 fs.copyFileSync 以更高效地复制文件等特性。

2. 再见，babel-preset-2015

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

9 月份 Babel 官网宣布 ES20xx 时代的 presets 统统被废弃，取而代之的是 babel-preset-env，而且承诺它将成为“将来不会过期的”解决方案。

3. 实战中学习 Flexbox

https://medium.freecodecamp.o...

本文是针对 Flexbox 的实战提升，不过对于那些即便对 Flexbox 一无所知的开发者，本文也提供了一系列的学习教程。本文依次介绍了如何使用 Flexbox 构建画廊、卡片、网格、常见的网页布局、富媒体呈现、表单、移动应用布局等内容。

4. JavaScript 工做原理：内存管理与常见内存泄露分析

https://blog.sessionstack.com...

本文章皆着眼于深度解析 JavaScript 内部运行原理，而本文则重点讨论编程语言中常见的内存管理问题；而且还提出了对于处理常见的内存泄露的建议。本文首先介绍了变量内存的生命周期、内存的定义、如何分配内存、垃圾回收的机制、内存泄露的定义以及常见的四种内存泄露的形式与应对手段。

其它

1. 深刻浅出 CSS Transforms

https://www.heartinternet.uk/...

经过 transform 属性，咱们可以移动、渲染、缩放或者提高任何页面元素；本文便是从最基础的 transform 语法开始讲起，介绍生动的案例来让读者体验 CSS Transforms 各类不凡的用法。本文首先介绍了 translate、scale、rotate、skew 等常见的变换函数的用法，而后介绍了如何综合利用这些属性来实现复杂的动画，最后还介绍了 CSS 中 animation 的用法。

2. 来自 Treebo 的 React 与 Preact PWA 性能分析

https://medium.com/dev-channe...

本文是 Addy Osmani 大神参与编写的，印度 Treebo 公司使用的 Preact PWA 性能优化案例；相较于旧版本的网站，新版本在首屏渲染上提升了 70%，初始交互等待时间减小了 31%，大部分的访客在 3G 环境下只须要 4s 便可以浏览完整内容。本文以 React 单页应用为例，讨论了服务端渲染带来的首屏渲染的性能提高；而后讨论了基于路由的代码分割与懒加载，接下来还讨论了 PRPL 模式、HTML Streaming、关键路径 CSS、离线静态资源缓存、从 React 切换到 Preact 等内容。

3. 小米直达服务探秘，如何保证移动 Web 体验？

https://mp.weixin.qq.com/s/b5...

小米直达服务是小米推出的 App 混合开发框架，它能够实现秒开，同时能够在浏览器、短信、微信等地方打开。本文便是小米直达服务 Web 体验保障方面的实践分享，讨论了目前移动 Web 体验的瓶颈、小米直达服务的机制与核心关键等内容。

4. 全栈 Web 学习路径

https://github.com/shovanch/f...

本文是针对全栈 JavaScript 开发学习与进阶的指南，涵盖了从基础语法到 React、Node.js 等多方面的学习路径与资料推荐。本文涵盖了课程、项目、书籍等多种资源形式，介绍了语法基础、React 应用开发、Node.js 服务端应用程序开发等多个领域的内容；

5. 对于 CSS-in-JS 的缺陷分析

https://codeburst.io/css-in-j...

本文做者从本身的角度阐述了对于 CSS-in-JS 的见解，将其形容为：就像用坏掉的螺丝刀替换你最爱的工具；阅读的时候也能够看下评论区的回复，辨证地来看待做者的观点。随着 React 等现代 Web 框架的兴起，CSS-in-JS 也受到了不少的关注，人们指望用它来解决传统 CSS 中全局做用域、代码难以管理的问题。不过本文做者确认为 CSS-in-JS 自己就是反模式，他从代码的组织结构、耦合方式，CSS-in-JS 带来的界面一致性地破坏、代码可复用性地下降等角度来阐述本身的观点，最后提出了仍是应该使用 OOCSS 这样标准的 CSS 工程实践来解决 CSS 自身的问题。