筆者在GitHub開了個 discussion ?? 技術&開源&文章推薦，歡迎讀者推薦貢獻內容或者知識渠道

歡迎來到第 63 期的【視野修煉 - 技術周刊】，下面是本期的精選內容簡介

??強烈推薦

1. 前端量子糾纏效果
2. Rsbuild 登場

??開源工具&技術資訊

3. Easydict - 詞典翻譯 macOS App
4. 一文帶你了解前端渲染模式演進史

??AI工具&資訊

5. 截圖生成網頁源碼

?也推薦大家關注一下最后的推薦內容（周刊的主要內容來源渠道）

下面開始本期內容的介紹，預計閱讀時間 7 分鐘。

??強烈推薦

1. 前端量子糾纏效果

本周最火的“前端項目”

下面是動圖的效果

作者開源了簡版的實現 multipleWindow3dScene，目前已經有6k+的??

掘金上也有相關的實現：跨窗口渲染動畫效果

2. Rsbuild 登場

Rsbuild 是基于 Rspack 的構建工具，旨在成為增強版的 Rspack CLI，更加容易上手和開箱即用。Rsbuild 是 Webpack 應用遷移到 Rspack 的最佳方案，他能幫助你減少 90% 配置并獲得 10 倍構建速度。

下面是創建的一個 React Demo

npm create rsbuild@latest

下面是一個 benchmark 數據

下面是 Rsbuild 在生態中的定位

現在新項目又多了一個選項，xdm 可以用起來，當然筆者首選 Vite hh

??開源工具&技術資訊

3. Easydict - 詞典翻譯 macOS App

開箱即用，支持離線 OCR 識別，支持有道詞典，?? 蘋果系統詞典，?? 蘋果系統翻譯，ChatGPT，DeepL，Google

下面是翻譯結果

4. 一文帶你了解前端渲染模式演進史

作者詳細的闡述了各種渲染模式的優缺點，讀者在做相關技術選型時可參考，還能從文中獲得在性能優化方面的一些靈感和思路。

??AI工具&資訊

5. 截圖生成網頁源碼

使用截圖，通過GPT 生成網頁HTML/Tailwind/JS 的代碼實現

下面是測試的結果，emmm 馬馬虎虎吧

項目是開源的，拉下來配置api-key就能跑

??趣圖

---

篇幅有限，如果你還沒看夠，可移步后面的推薦渠道，繼續游覽，歷史周刊（<20）移步博客

??強力推薦關注

• 阮一峰: 科技愛好者周刊 - 記錄每周值得分享的科技 內容，周五發布
• 云謙：MDH 前端周刊 - 前端資訊和分享
• 童歐巴：前端食堂 - 你的前端食堂，吃好每一頓飯
• 前端RSS - 根據 RSS 訂閱源抓取最新前端技術文章
• 值得一讀技術博客 - 每天進步一點點，每天分享有料的技術文章！

總結

以上是生活随笔為你收集整理的视野修炼-技术周刊第63期的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。