視野修煉-技術週刊第77期 | JSR 的願景

粥里有勺糖發表於2024-03-17
JS

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

🔥強烈推薦

  1. UPNG.js - 純前端實現PNG圖片壓縮
  2. 影片：Deno 團隊介紹 JSR，涵蓋了主要動機和功能
  3. 摸頭殺生成

🔧開源工具&技術資訊

  1. fig 團隊加入亞馬遜
  2. fx - 終端中友好的處理JSON
  3. cmdk - 命令列式的React選單元件

🤖AI工具&資訊

  1. Chat Nio - 下一代 AI 一站式解決方案
  2. 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 技術週刊精選 - 前後端技術週刊精選推薦資訊流

相關文章