最新内容

Performance系列 - Performance API
性能优化

# 背景

为了提供给前端者监控页面性能的能力,W3C 定义了一系列相关 API,在这里统称为 Performance API。目前使用较多的应该是 PerformanceTiming,但是除了该 API,新的 W3C 草案及 WICG 提案定义了一系列 PerformanceEntry API,不仅取代了原 PerformanceTiming 的能力,并增加了更多维度的信息,本文主要针对这些 API 进行介绍。

2019-02-28

Web 页面渲染
网页渲染

译注:本文是 Rendering on the Web 的中文翻译。 By Jason Miller
By Addy Osmani

# 前言

作为开发人员,我们经常面临将影响应用程序整个体系结构的决策。Web 开发人员必须做的核心决策之一是在应用程序中实现逻辑和渲染。这可能很困难,因为有很多不同的方法来构建网站。 我们对这一领域的理解,来自于我们在 Chrome 的工作,在过去的几年里,我们与很多大型网站进行了讨论。从广义上讲,我们鼓励开发人员考虑服务器渲染或静态渲染,而不是完全 rehydration 的方法。 为了更好地理解我们在做出这一决定时所选择的体系结构,我们需要对每种方法有充分的理解,并在谈到它们时使用一致的术语。这些方法之间的差异有助于说明 Web 渲染在性能方面的权衡。

2019-02-19

How cc Works 中文译文
渲染

# 背景

Chromium 的工程师们写了两篇技术文章 How Blink Works 和 How cc Works,分别介绍了 Chrome 浏览器内核内部的两个重要模块 Blink 和 cc 内部设计和实现的一些细节。对于想要了解 Chromium 内核内部实现的同学,这两篇文章提供了不错的入门指引。在征得作者同意后,我将其翻译成中文,以馈读者。

2019-01-24

一颗像素的诞生
内核

# 前言

magic-01.png 本文主要目的是介绍浏览器内核如何将 Web 页面内容转为像素点。这个流程我们通常称之为“渲染”。接下来的内容主要围绕着 Web 页面内容是什么,像素点是什么,整个神奇的转换过程是什么。 文中提到的代码是基于 M69 内核版本的。如果某个特性在后面会进行重构的话,我们也会在介绍。

2019-01-24

2019,聊聊 Web 技术的发展
web技术

新的一年,我们如何选择更合适的技术来做业务?Web OR Native? 本文作者结合过去一年中阿里集团内的业务合作经验,跟开发者一起聊聊 Web 技术。

2019-01-08