歡迎來到第 77 期的【視野修煉 - 技術週刊】，下面是本期的精選內容簡介
🔥強烈推薦
- UPNG.js - 純前端實現PNG圖片壓縮
- 視頻：Deno 團隊介紹 JSR，涵蓋了主要動機和功能
- 摸頭殺生成
🔧開源工具&技術資訊
- fig 團隊加入亞馬遜
- fx - 終端中友好的處理JSON
- cmdk - 命令行式的React菜單組件
🤖AI工具&資訊
- Chat Nio - 下一代 AI 一站式解決方案
- StickerBaker - 個性化貼紙生成工具
也推薦大家關注一下最後的推薦內容（週刊的主要內容來源渠道）
下面開始本期內容的介紹，預計閱讀時間 7 分鐘。
🔥強烈推薦
1. UPNG.js - 純前端實現PNG圖片壓縮
一個輕量且極速的 PNG/APNG 編碼和解碼庫，Photopea 圖像編輯器的主要 PNG 引擎。
引入後簡單幾行代碼調用即可實現 PNG 圖片壓縮。
import UPNG from 'upng-js'
async function compressPNG(file: File) {
const arrayBuffer = await file.arrayBuffer()
const decoded = UPNG.decode(arrayBuffer)
const rgba8 = UPNG.toRGBA8(decoded)
// 關鍵的壓縮方法
// 這裏 保持寬高不變，保持80%的質量（接近於 tinypng 的壓縮效果）
const compressed = UPNG.encode(
rgba8,
decoded.width,
decoded.height,
256 * 0.8
)
return new File([compressed], file.name, { type: 'image/png' })
}
壓縮效果接近於 tinypng 。
2. 視頻：Deno 團隊介紹 JSR，涵蓋了主要動機和功能
現狀：npm包
- 將編寫的
TS轉爲JS - 編譯產物包含
CJS和ESM兩種 - 生成
d.ts定義文件 - 創建文檔站介紹使用
爲了簡化整個流程提出了 JSR 這個替代方案。
JSR 的一些特性：原生TS 支持, 僅支持 ESM, 運行時無關, npm 超集, JSDoc 註釋自動生成文檔。
3. 摸頭殺生成
使用非常簡單
GIF 圖片合成使用 gif.js
🔧開源工具&技術資訊
4. fig 團隊加入亞馬遜
產品將在 9月1日 停止服務，推薦用戶遷移到 CodeWhisperer。
CLI工具目前只有Mac 版本，遷移後使用體驗和 fig 一樣。
5. fx - 終端中友好的處理JSON
CLI 工具（Go 實現），下面是使用示例：
fx package.json
可以很友好的在終端裏查看、搜索、修改 JSON 文件內容。
支持 windows！
6. cmdk - 命令行式的React菜單組件
🤖AI工具&資訊
7. Chat Nio - 下一代 AI 一站式解決方案
一站式 Chat + 中轉 API 站點，支持 OpenAI，Midjourney，Claude，訊飛星火，Stable Diffusion，DALL·E，ChatGLM，通義千問，騰訊混元，360 智腦，百川 AI，火山方舟，新必應，Gemini，Moonshot 等模型，支持對話分享，自定義預設，雲端同步，模型市場，支持彈性計費和訂閱計劃模式，支持圖片解析，支持聯網搜索，支持模型緩存，豐富美觀的後臺管理與儀表盤數據統計。
有使用訴求，或搭建多模型聚合平臺的可以參考，項目開源支持私有化部署。
8. StickerBaker - 個性化貼紙生成工具
訪問 https://stickerbaker.com/ 即可使用，效果還行。
支持關鍵詞生成，人臉圖轉換。
😛趣圖
起因：
篇幅有限，如果你還沒看夠，可移步後面的推薦渠道，繼續遊覽，歷史週刊（<20）移步博客
⭐️強力推薦關注
- 阮一峯: 科技愛好者週刊 - 記錄每週值得分享的科技內容，週五發佈
- 雲謙：MDH 前端週刊 - 前端資訊和分享
- 童歐巴：前端食堂 - 你的前端食堂，喫好每一頓飯
- 前端RSS - 根據 RSS 訂閱源抓取最新前端技術文章
- 值得一讀技術博客 - 每天進步一點點，每天分享有料的技術文章！
- FRE123 技術週刊精選 - 前後端技術週刊精選推薦信息流