本期推荐

Life of a Pixel，让你更透彻知道浏览器是如何工作

Life of a Pixel这个演讲一开始是Chrome组新人入职的学习资料，给新人一个从高层次去看Chromium如何从HTML / CSS / JS 显示到屏幕的网页。这个演讲一直在更新，所以大家可以通过看这个演讲更新自己对Chromium的理解。展示Chromium从HTML到DomTree，整合CSS到LayoutTree，排版到PaintTree之后转成LayerTree转到compositing线程分块，光栅化到GPU，最后显示到屏幕。

使用 JavaScript 的代价！

建立交互式网站包括向用户发送 JavaScript 。通常，太多了。你是否经历过在一个手机页面上，它看起来已经加载好了，但是点击一个链接或者试图滚动页面的时候，什么也没发生？ 一字节又一字节，JavaScript 仍然是我们发送给手机的代价最大的资源，因为它会很大程度上延迟交互。 现在我们讨论一些策略，可以让你高效地传送 JavaScript ，同时给用户提供一个有价值的体验。

业界动态

Babel 7 Released

babel 7 版本发布，并提供工具自动完成升级。更快的速度，以及一系列新特性，新的 JavaScript 配置文件，对 TypeScript 的支持等。

前端开发

JavaScript集成Sentry

Sentry是一套用于捕获产品错误的开源项目，其下支持很多语言、框架。Sentry让开发人员快速准确的定位到问题的根源所在，以达到快速修复，让开发人员更注重于开发新的功能上面。减少时间资源上的浪费。

本期推荐

[译] RxJS 高级缓存

本文使用 RxJS 和 Angular 提供的工具来开发一个高级缓存机制， 详细的介绍了在大量使用 Observables的应用中如何创建高级缓存机制。

业界动态

Github上发布一天Star数破4K的项目了解一下

国外大神把 Windows 95 打包成了 APP，纪念它发布 23 周年。这个项目在昨天被开源在了Github上，不过一天Star数就已经突破4K，截止现在2018-8-25-9:08 Star数已经有5.3k，[Github地址] (https://github.com/felixrieseberg/windows95/releases)。

前端开发

CSS垂直居中技巧，我只会23个，你会几个？

网页CSS的垂直居中需求始终没有停过，而其困难度也始终没有让人轻松过，经过了每位开发先烈的研究后，据说CSS的垂直居中技巧已达到近十种之多，但始终鲜为人知，部分公司甚至将CSS的垂直居中技巧当成面试题，其重要性可见一斑

WorkerDOM: Concurrency for JavaScript programming with the DOM

在AMP技术标准下无法直接引入第三方JS的局限一直广被诟病，即使AMP支持采用web worker的方案引入第三方JS，对于实际开发来说也是远远不够用的。好消息是，Google终于承诺在不久的将来可以通过amp-script引入第三方JS，并且支持DOM操作。抢鲜看AMP如何玩转web worker ，如何在web worker中支持document操作的。

本期推荐

Node 案发现场揭秘 —— Coredump 还原线上异常

本文介绍了一种基于 Core dump 来分析定位线上应用故障的方法，经验来自过去几年亲身经历过的线上故障。

业界动态

谷歌Dart2正式发布，目标成为移动与Web开发主流语言！

Dart 2 正式发布，标志着 Dart 语言的重启，目标成为主流的移动和 Web 开发语言。同时，Google 还宣布重构 Dart Web 平台，这对开发者来说，是一个高效率、高性能和可扩展的组合。

前端开发

前端性能优化之 Composite

一个 Web 页面的展示，简单来说可以认为经历了 JavaScript/Style/Layout/Paint/Composite 几个步骤。本文主要深入 Composite 部分，从渲染原理、Composite 原因以及如何针对其进行性能优化等进行展开。

聊聊CSS中的层叠相关概念

文章总结了CSS中的层叠相关的知识， 对文档流（Normal Flow）、格式化上下文（Formatting Context）、层叠上下文（Stacking...

本期推荐

JavaScript 为什么快——第一篇？

为啥升级了 Node.js 版本，速度会提升？ 为啥 Node.js 代码启动时那么慢，运行起来了会变快？ V8 JIT 是啥？

业界动态

TypeScript 3.0重磅发布，新特性详解！

微软正式发布 TypeScript 3.0，这是 TypeScript 之旅的一个新的里程碑！新版本引入了一种新的灵活且可扩展的方式来构建项目、对操作参数列表提供了更强大的支持、新的强制显式检查类型、更好的 JSX 支持、更好的错误 UX等。

前端开发

CSS 字体新玩法之彩色字体

如果你们设计师想在某些特别的专题活动中使用下图的字体作为标题字体进行展现，怎么办呢？做成图片咯。然后你可能会遇到这几个问题：不同屏幕下的适配，要是只做一种尺寸的图，放大或缩小后的效果都不太好。直接做成 SVG？好像不能复制到 Word 里面加粗啊，也就是说，这种做法使得这些“文字”本身失去了真实文字该有的能力。

此时彩色字体的好处就显现出来了。既能达到视觉效果上的要求，还拥有常规文字的功能，能够复制，能够粘贴，还可以被屏幕阅读器阅读，丝毫不妨碍常规操作。

Node.js：浅析高并发与分布式集群

本文从node的基础概念层面出发，浅析高并发与分布式集群，如果你以前没有了解过这块知识，可以将此文作为入门级知识。

We’re under attack! 23+...

前端开发

腾讯开源大规模 Node.js 微服务框架 Tars.js

Tars.js 是基于 Tars 体系研发出的， 以便用户在不改变异构系统整体架构的情况下快速搭建（迁移） Node.js 服务，并可非常方便的将原来的单一服务拆分为多个（逻辑）子服务。

Webpack4 实战 React 和 Vue 项目

文章详细介绍使用webpack4 搭建React 和 Vue 项目开发环境过程， 讲解了webpack4 中一些主要插件功能和热更新使用。

5分钟彻底理解Object.keys

这篇文章详细介绍了当Object.keys被调用时内部都发生了什么。

如何在Node.js中优化服务器端渲染？

服务器端渲染（SSR）是计算密集型的。Node.js 中的用户代码运行在单个线程上，因此可以并发执行计算操作（与 I/O 操作相反），但不能并行执行它们。Node.js 可以并行处理大量的异步 I/O，但在计算方面却受到了限制。随着计算部分所占比例的增加，开始出现 CPU 争用，并发请求将对延迟产生越来越大的影响。

聊聊 Node.js RPC（一）—...