歡迎來到第 81 期的【視野修煉 - 技術週刊】，下面是本期的精選內容簡介
🔥強烈推薦
- Chrome devtools 124 新功能
- sshx - 終端協作
🔧開源工具&技術資訊
- ElemSnap - 瀏覽器美化截圖插件
- PNPM v9發佈
- Classnames - 變量命名單詞表
- SVG Encoder - SVG 轉其它編碼
🤖AI工具&資訊
- 頭像動漫化
也推薦大家關注一下最後的推薦內容（週刊的主要內容來源渠道）
下面開始本期內容的介紹，預計閱讀時間 7 分鐘。
🔥強烈推薦
1. Chrome devtools 124 新功能
① 新的自動填充面板
② CSS 嵌套展示支持
③ 一些棄用
上面三個變動是筆者覺得值得關注的，大概率用得上。
2. sshx - 終端協作
支持多人在同一終端裏協作使用（通過 Web 瀏覽器操作）。
# ① 安裝
curl -sSf https://sshx.io/get | sh
# ② 啓動
sshx
訪問終端打印的結果即可在網頁中看到與使用終端。
sshx v0.2.3
➜ Link: https://sshx.io/s/VkYmwJp0hU#uHJAF2nAQNFwES
➜ Shell: /bin/zsh
筆者覺得這個工具很適合用於實時終端操作演示，或者終端遠程協助。
🔧開源工具&技術資訊
3. ElemSnap - 瀏覽器美化截圖插件
使用很簡單，效果還可以，下面就是截圖效果。
下面是編輯面板。
4. PNPM v9發佈
兼容性：現在要求 Node.js 版本 >= 18。
Lock 文件：採用 Lockfile v9。更好的降低 Git 衝突的概率，更高的可讀性；不在支持 lockfile v5，需要使用 pnpm8 先轉成 v6。
支持從 git 子目錄安裝依賴。
pnpm add github:user/repo#path:packages/foo
5. Classnames - 變量命名單詞表
用於尋找命名 HTML 類、CSS 屬性或 JS 函數的靈感。
可以幫助解決編程中常見的“命名困難”問題，提供按主題分組的單詞列表。
6. SVG Encoder - SVG 轉其它編碼
將 SVG 轉換爲不同格式的工具。
🤖AI工具&資訊
7. 頭像動漫化
使用非常簡單，上傳一張圖片即可，隨手抓拍了一下對象😜。
底層使用 stable diffusion。
😛趣圖
最近實在是太忙了，沒太多時間衝浪收集（已經連上 7 天班了😱！）
歡迎大家評論分享有趣的圖片。
篇幅有限，如果你還沒看夠，可移步後面的推薦渠道，繼續遊覽，歷史週刊（<20）移步博客
⭐️強力推薦關注
- 阮一峯: 科技愛好者週刊 - 記錄每週值得分享的科技內容，週五發佈
- 雲謙：MDH 前端週刊 - 前端資訊和分享
- 童歐巴：前端食堂 - 你的前端食堂，喫好每一頓飯
- 前端RSS - 根據 RSS 訂閱源抓取最新前端技術文章
- 值得一讀技術博客 - 每天進步一點點，每天分享有料的技術文章！
- FRE123 技術週刊精選 - 前後端技術週刊精選推薦信息流