web前端年刊-2020年(88篇精选文章)

2020年web前端年刊，收录了包括JavaScript、Node.js、CSS；浏览器、网络、性能优化；前端框架、小程序；前端相关知识、原理、实践；前端相关思考；微前端、Serverless、中台、微服务；技术实现、原理、基本知识；其它实践经验、开发思想、心得总结；方面的好文。

JavaScript、Node.js、CSS：

Node.js 模块系统源码探微

本文剖析了部分核心源码实现，方便读者了解Node.js模块加载过程的一些实现，比如CommonJS规范实现、模块定位和加载策略、文件解析和编译执行。

十分钟上手 ES2020 新特性

ES2020是ECMAScript对应2020年的版本，本文对ES2020新的特性做了解读。

理解transform中的matrix

本文探讨transform中的matrix背后原理。

CSS变量对JS交互组件开发带来的提升与变革

通过CSS变量实现交互组件开发的新思路。

---

浏览器、网络、性能优化：

2020前端性能优化清单之一

这份前端性能优化清单自2016年开始已经持续更新了5年。本章介绍准备工作、选择正确的指标、定义环境。

2020前端性能优化清单之二

这份前端性能优化清单自2016年开始已经持续更新了5年。本章介绍资源优化（文本、图像、字体）。

2020前端性能优化清单之三

这份前端性能优化清单自2016年开始已经持续更新了5年。本章介绍构建优化。

2020前端性能优化清单之四

这份前端性能优化清单自2016年开始已经持续更新了5年。本章介绍构建优化（针对引擎优化、SSR、CSR）。

2020前端性能优化清单之五

这份前端性能优化清单自2016年开始已经持续更新了5年。本章介绍传输优化。

2020前端性能优化清单之六

这份前端性能优化清单自2016年开始已经持续更新了5年。本章介绍网络与http/2和最后的总结。

为新的Facebook.com重建我们的技术栈

Facebook性能优化和用户体验改善案例。

HTTP/3原理与实践

本文基于 QQ兴趣部落接入 HTTP/3 的实践，聊一聊 HTTP/3 的原理以及业务接入的方式。

深入解析 EventLoop 和浏览器渲染、帧动画、空闲回调的关系

从规范解读入手，深挖底层，深入解析 EventLoop 和浏览器渲染、帧动画、空闲回调的关系。

你不知道的 Web Workers （上）

进程与线程、浏览器内核、Web Workers相关的基础知识。

Web Worker 文献综述

一篇非常详细的Web Worker相关文章。

解读HTTP/2与HTTP/3 的新特性

本文介绍了HTTP/1.1的缺陷、HTTP/2的新特性以及基于UDP的HTTP/3的简介。

现代浏览器内部揭秘之一

现代浏览器内部揭秘系列由四部分组成，本文是此系列的第一部分，将介绍核心计算术语与 Chrome 的多进程体系架构。