技術周報·為什么 Web3 與區(qū)塊鏈有關
編輯推薦
與Three.js作者暢聊前端開發(fā)/VR/開源框架的經(jīng)典問題丨直播報名
本期稀土掘金&字節(jié)跳動 Web Infra 發(fā)起的 「「大咖面對面」」，有幸邀請到 「Three.js 作者 Ricardo Cabello」 和我們來一場線上的訪談，暢聊 Three.js 框架背后趣事、開源框架如何建設，以及前端開發(fā)們關注的各類經(jīng)典話題，大家可以搶占前排，強勢圍觀！
阮一峰：為什么 Web3 與區(qū)塊鏈有關
互聯(lián)網(wǎng)迄今有兩個階段：Web 1.0 和 Web 2.0，下一個階段自然就是 Web 3.0（簡稱 Web3）。本文談談我對 Web3 的一些初步理解，它到底是什么。
工程化
Webpack 實戰(zhàn)系列一：正確使用 Sourcemap
詳細介紹 Sourcemap 編碼的工作原理，以及 Webpack 提供的多種 Sourcemap 方案與適用場景。
前端模塊依賴關系分析與應用
如何使用webpack的stats對象進行依賴和編譯速度的解析，該對象包含大量的編譯時信息，我們可以用它生成包含有關于模塊的統(tǒng)計數(shù)據(jù)的 JSON 文件。
進階探索
V8 編譯淺談
「解釋器和編譯器：」 計算機編譯原理的基礎知識介紹 「V8 的編譯原理：」 基于計算機編譯原理的知識，了解 V8 對于 JavaScript 的解析流程 「V8 的運行時表現(xiàn)：」 結(jié)合 V8 的編譯原理，實踐 V8 在解析流程中的具體運行表現(xiàn)
使用Golang、Gin和React、esbuild開發(fā)的Blog
本指北手冊，手把手跟大家從頭開始構建一個完成一個Go作為服務的Web應用程序 — Blog。
Flutter 2 渲染原理和如何實現(xiàn)視頻渲染
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開始搭建的項目都可以做成模板，而腳手架的主要核心功能就是利用模板來快速搭建一個完整的項目結(jié)構，后續(xù)只需在這上面進行開發(fā)就可以了。
寫一個vscode插件改善web項目的多版本維護難題
如果你的項目存在多個版本同時維護，不同版本代表著不同時期的不同技術棧和不同的功能，分別有各自的客戶群在使用。日常，一個bugfix或者一個新功能要應用在這些版本上，你需要逐個版本去切換，逐個去重裝依賴，跑服務自測，這種來回操作無疑是最耗時間的。如何解決？
LOOK 直播活動地圖生成器方案
在最近的活動開發(fā)中，筆者就剛好碰到了這個問題。這次活動開發(fā)需要完成一款大富翁游戲，而作為一款大富翁游戲，地圖自然是必不可少的。在整個地圖中，有很多的不同種類的方格，如果一個個手動去調(diào)整位置，工作量是很大的。那么有沒有一種方案能夠幫助我們快速確定方格的位置和種類呢？下面便是筆者所采用的方法。
Web圖像組件設計的最佳實踐
網(wǎng)頁中的圖片處理一直是 Web 開發(fā)的一大挑戰(zhàn)，今天跟大家來一起看看 Next.js 中的 Image 組件，我覺得這個組件的設計有很多值得借鑒的地方，可以作為圖片組件設計的最佳實踐。
我的書?「《算法通關之路》」?已經(jīng)出版了，想要突破算法面試的朋友不要錯過，京東淘寶當當亞馬遜等均有出售，電子版也有哦~
后臺回復：typescript，獲取我寫的 typescript 系列文章，絕對精品 后臺回復：電子書，自動獲取我為大家整理的大量經(jīng)典電子書，省去你篩選以及下載的時間 后臺回復：不一樣的前端，自動獲取精選優(yōu)質(zhì)前端文章。 后臺回復：算法，自動獲取精選算法文章。另外也可關注我的另外一個專注算法的公眾號力扣加加。 后臺回復：每日一薦，自動獲取我為大家總結(jié)的每日一薦月刊，內(nèi)含精品文章，實用技巧，高效工具等等
