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

编辑推荐

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

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

「长按识别二维码查看原文」

https://juejin.cn/post/7041770739300565000

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

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

「长按识别二维码查看原文」

https://mp.weixin.qq.com/s/3RijGDHfrjueFj8Yt7Y8oQ

工程化

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

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

「长按识别二维码查看原文」

https://mp.weixin.qq.com/s/-y35QBSIx2jMvG5dNklcPQ

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

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

「长按识别二维码查看原文」

https://mp.weixin.qq.com/s/wwkrTWazjaPv4LoPiIK9Iw

进阶探索

V8 编译浅谈

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

「长按识别二维码查看原文」

https://juejin.cn/post/7041021350114230285

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

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

「长按识别二维码查看原文」

https://mp.weixin.qq.com/s/y4HSugWsora64KI5jv_z5w

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

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

「长按识别二维码查看原文」

https://juejin.cn/post/7038914014990041101

外文精选

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.

「长按识别二维码查看原文」

https://calendar.perfplanet.com/2021/plugging-memory-leaks-in-your-app/

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.

「长按识别二维码查看原文」

https://medium.com/airbnb-engineering/measuring-web-performance-at-airbnb-122da8d3ea3f

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.

「长按识别二维码查看原文」

https://medium.com/habilelabs/where-does-nuxt-js-fit-in-web-development-d625b52d48b0

实践 & 应用

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

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

「长按识别二维码查看原文」

https://juejin.cn/post/6879265583205089287

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

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

「长按识别二维码查看原文」

https://juejin.cn/post/7034480365498531871

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

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

「长按识别二维码查看原文」

https://juejin.cn/post/7041439179384815646

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

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

「长按识别二维码查看原文」

https://mp.weixin.qq.com/s/-T5107cpL_HsW-JP6LeHSg

我的书 「《算法通关之路》」 已经出版了，想要突破算法面试的朋友不要错过，京东淘宝当当亚马逊等均有出售，电子版也有哦~

后台回复：typescript，获取我写的 typescript 系列文章，绝对精品
后台回复：电子书，自动获取我为大家整理的大量经典电子书，省去你筛选以及下载的时间
后台回复：不一样的前端，自动获取精选优质前端文章。
后台回复：算法，自动获取精选算法文章。另外也可关注我的另外一个专注算法的公众号力扣加加。
后台回复：每日一荐，自动获取我为大家总结的每日一荐月刊，内含精品文章，实用技巧，高效工具等等