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

粥裡有勺糖發表於2023-10-06

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

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

?強烈推薦

  1. Vite 的現狀與未來展望
  2. Web版Photoshop
  3. Console Ninja:console除錯神器

?開源工具&技術資訊

  1. 為 Eslint 9.0 提前做準備
  2. 使用 documate 為 VitePress 文件站新增AI對話能力

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

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

?強烈推薦

1. Vite 的現狀與未來展望

10 月 5 日 - 6 日,ViteConf 2023 線上舉行,尤大發表了題為《The State of Vite》 的演講,有如下幾個值得關注的點:

  1. Vite 5.0 目前處於測試階段(beta):停止支援已經 EOL 的 Node.js 版本;推薦使用ESM
  2. ? Rolldown(使用 Rust 開發的 Rollup 替代品):Vite 團隊正在研發 Rolldown,同時與 Rspack 團隊合作開發一些共享的底層工具和功能

Rolldown Roadmap

  1. 基礎打包功能:替代 esbuild 進行依賴預打包
  2. 高階打包功能:實現 Rollup 功能
  3. 內建轉換支援:ts,jsx,minify,語法降級
  4. 使用 Rust 重構 Vite

大家如果開發npm包,推薦打兩份產物一份cjs,一份esm;同時 Rolldown 也是非常值得期待的

2. Web版Photoshop

經過 Adobe 工程師多年來的努力,透過與 Chrome 等瀏覽器廠商密切合作,運用 WebAssembly + Emscripten、Web Components + Lit、Service Workers + Workbox 和新的 Web API 等技術,Adobe 終於在近期推出了 Web 版 Photoshop

3. Console Ninja:console除錯神器

一個VS Code 外掛,在編輯器中增強了 js console 的除錯能力,支援直接在編輯器中實時檢視列印的 console 資訊

下面是操作示例,對程式碼無任何侵入性的修改

console.log 除錯大師們的福音

外掛目前有免費和付費2個版本,免費版本筆者認為日常場景完全夠用了,開發又能大大的提效了

?開源工具&技術資訊

4. 為 Eslint 9.0 提前做準備

主要內容是告知規則作者需要注意的一些重大改變

GPT:這些更改是為了實現語言外掛,並讓ESLint能夠支援JavaScript以外的其他語言的語法檢查

5. 使用 documate 為 VitePress 文件站新增AI對話能力

5分鐘就能搞定,不過需要自己準備 Openai 的 API Key

下面是我在自己的主題站點上新增後的效果(theme.sugarat.top)

效果一般般,有一定機率沒有結果


篇幅有限,如果你還沒看夠,可移步後面的推薦渠道,繼續遊覽,歷史週刊(<20)移步部落格

⭐️強力推薦關注

相關文章