技术周报·为什么 Web3 与区块链有关

编辑推荐

与Three.js作者畅聊前端开发/VR/开源框架的经典问题丨直播报名

本期稀土掘金&字节跳动 Web Infra 发起的 「「大咖面对面」」，有幸邀请到 「Three.js 作者 Ricardo Cabello」 和我们来一场线上的访谈，畅聊 Three.js 框架背后趣事、开源框架如何建设，以及前端开发们关注的各类经典话题，大家可以抢占前排，强势围观！

阮一峰：为什么 Web3 与区块链有关

互联网迄今有两个阶段：Web 1.0 和 Web 2.0，下一个阶段自然就是 Web 3.0（简称 Web3）。本文谈谈我对 Web3 的一些初步理解，它到底是什么。

工程化

Webpack 实战系列一：正确使用 Sourcemap

详细介绍 Sourcemap 编码的工作原理，以及 Webpack 提供的多种 Sourcemap 方案与适用场景。

前端模块依赖关系分析与应用

如何使用webpack的stats对象进行依赖和编译速度的解析，该对象包含大量的编译时信息，我们可以用它生成包含有关于模块的统计数据的 JSON 文件。

进阶探索

V8 编译浅谈

• 「解释器和编译器：」 计算机编译原理的基础知识介绍
• 「V8 的编译原理：」 基于计算机编译原理的知识，了解 V8 对于 JavaScript 的解析流程
• 「V8 的运行时表现：」 结合 V8 的编译原理，实践 V8 在解析流程中的具体运行表现

使用Golang、Gin和React、esbuild开发的Blog

本指北手册，手把手跟大家从头开始构建一个完成一个Go作为服务的Web应用程序 — Blog。

Flutter 2 渲染原理和如何实现视频渲染

Flutter2 概览；Flutter2 视频渲染插件的实践；Flutter2 渲染原理（源码）。

外文精选

Plugging memory leaks in your app

In this article we’ll explore two types: leaks cased by event listeners and by intervals/timeouts. I’ll use React as an example, but the basic concepts are applicable to any framework that deals with adding and removing DOM nodes from a page.

Measuring Web Performance at Airbnb

Learn what web performance metrics Airbnb tracks, how we measure them, and how we consider tradeoffs between them in practice.

Where does Nuxt.js fit in Web Development?

If you are familiar with Vue, you won’t feel out of place while dealing with Nuxt. In fact, it is way too similar to Vue.js except for certain updated features that enable the developers to write well-structured code in no time.

实践 & 应用

前端CLI脚手架思路解析-从0到1搭建

其实很多时候从0开始搭建的项目都可以做成模板，而脚手架的主要核心功能就是利用模板来快速搭建一个完整的项目结构，后续只需在这上面进行开发就可以了。

写一个vscode插件改善web项目的多版本维护难题

如果你的项目存在多个版本同时维护，不同版本代表着不同时期的不同技术栈和不同的功能，分别有各自的客户群在使用。日常，一个bugfix或者一个新功能要应用在这些版本上，你需要逐个版本去切换，逐个去重装依赖，跑服务自测，这种来回操作无疑是最耗时间的。如何解决？

LOOK 直播活动地图生成器方案

在最近的活动开发中，笔者就刚好碰到了这个问题。这次活动开发需要完成一款大富翁游戏，而作为一款大富翁游戏，地图自然是必不可少的。在整个地图中，有很多的不同种类的方格，如果一个个手动去调整位置，工作量是很大的。那么有没有一种方案能够帮助我们快速确定方格的位置和种类呢？下面便是笔者所采用的方法。

Web图像组件设计的最佳实践

网页中的图片处理一直是 Web 开发的一大挑战，今天跟大家来一起看看 Next.js 中的 Image 组件，我觉得这个组件的设计有很多值得借鉴的地方，可以作为图片组件设计的最佳实践。