筆者在GitHub開了個 discussion ? 技術&開源&文章推薦,歡迎讀者推薦貢獻內容或者知識渠道
歡迎來到第 63 期的【視野修煉 - 技術週刊】,下面是本期的精選內容簡介
?強烈推薦
- 前端量子糾纏效果
- Rsbuild 登場
?開源工具&技術資訊
- Easydict - 詞典翻譯 macOS App
- 一文帶你瞭解前端渲染模式演進史
?AI工具&資訊
- 截圖生成網頁原始碼
也推薦大家關注一下最後的推薦內容(週刊的主要內容來源渠道)
下面開始本期內容的介紹,預計閱讀時間 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 訂閱源抓取最新前端技術文章
- 值得一讀技術部落格 - 每天進步一點點,每天分享有料的技術文章!