視野修煉-技術週刊第63期

粥裡有勺糖發表於2023-11-26

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

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

?強烈推薦

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

?開源工具&技術資訊

  1. Easydict - 詞典翻譯 macOS App
  2. 一文帶你瞭解前端渲染模式演進史

?AI工具&資訊

  1. 截圖生成網頁原始碼

​也推薦大家關注一下最後的推薦內容(週刊的主要內容來源渠道)

下面開始本期內容的介紹,預計閱讀時間 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)移步部落格

⭐️強力推薦關注

相關文章