筆者在GitHub開了個 discussion ? 技術&開源&文章推薦,歡迎讀者推薦貢獻內容或者知識渠道
歡迎來到第 56 期的【視野修煉 - 技術週刊】,下面是本期的精選內容簡介
?強烈推薦
- Vite 的現狀與未來展望
- Web版Photoshop
- Console Ninja:console除錯神器
?開源工具&技術資訊
- 為 Eslint 9.0 提前做準備
- 使用 documate 為 VitePress 文件站新增AI對話能力
也推薦大家關注一下最後的推薦內容(週刊的主要內容來源渠道)
下面開始本期內容的介紹,預計閱讀時間 5 分鐘。
?強烈推薦
1. Vite 的現狀與未來展望
10 月 5 日 - 6 日,ViteConf 2023 線上舉行,尤大發表了題為《The State of Vite》 的演講,有如下幾個值得關注的點:
- Vite 5.0 目前處於測試階段(beta):停止支援已經 EOL 的 Node.js 版本;推薦使用ESM
- ? Rolldown(使用 Rust 開發的 Rollup 替代品):Vite 團隊正在研發 Rolldown,同時與 Rspack 團隊合作開發一些共享的底層工具和功能
Rolldown Roadmap
- 基礎打包功能:替代 esbuild 進行依賴預打包
- 高階打包功能:實現 Rollup 功能
- 內建轉換支援:ts,jsx,minify,語法降級
- 使用 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)移步部落格
⭐️強力推薦關注
- 阮一峰: 科技愛好者週刊 - 記錄每週值得分享的科技內容,週五釋出
- 雲謙:MDH 前端週刊 - 前端資訊和分享
- 童歐巴:前端食堂 - 你的前端食堂,吃好每一頓飯
- 前端RSS - 根據 RSS 訂閱源抓取最新前端技術文章
- 省流 - 有關行業?、程式碼??、科研?的有趣內容,每個工作日更新