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 的多进程体系架构。