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

粥裡有勺糖發表於2023-12-03

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

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

?強烈推薦

  1. VueDraggablePlus - 祖師爺推薦拖拽庫
  2. 三行 CSS 實現文字懸停浮空
  3. 視覺化CSS動畫編輯器

?開源工具&技術資訊

  1. Biome 贏得了 Prettier 懸賞獎金
  2. 微前端時代:打造高效、靈活的前端開發體系
  3. menu with the popover API
  4. COLR Font

?AI工具&資訊

  1. SDXL Turbo - 體驗極快的文生圖
  2. Vectorizer.ai - PNG/JPEG轉SVG

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

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

?強烈推薦

1. VueDraggablePlus - 祖師爺推薦拖拽庫

支援 Vue2 和 Vue3 的拖拽元件庫。祖師爺力薦?

2. 三行 CSS 實現文字懸停浮空

a:hover {
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #191414;
}

3. 視覺化CSS動畫編輯器

允許您透過拖動、調整大小、旋轉等方式建立動畫,您可以使用原始 CSS 關鍵幀編輯器對其進行編輯。還包括許多內建動畫和緩動。

?開源工具&技術資訊

4. Biome 贏得了 Prettier 懸賞獎金

5. 微前端時代:打造高效、靈活的前端開發體系

系統化地介紹微前端及其核心技術,並介紹了什麼是微前端以及為什麼我們需要它。

文章還討論了在眾多微前端框架中如何選擇適合自己系統的框架,並分享了一些業界使用微前端的實踐案例。

最後,提到了微前端目前存在的一些侷限性和爭議點。

6. menu with the popover API

不使用 js,使用CSS + popover API製作彈出式選單

7. COLR Font

在 Chrome Canary 中,現在可以使用 CSS 對 COLR 字型的顏色進行動畫/過渡

?AI工具&資訊

8. SDXL Turbo - 體驗極快的文生圖

秒級的出圖,質量還不錯

9. Vectorizer.ai - PNG/JPEG轉SVG

效果非常的不錯,Nice,現階段是免費的

SVG 是向量圖,無論放多大都不對模糊

?趣圖


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

⭐️強力推薦關注