筆者在GitHub開了個 discussion ? 技術&開源&文章推薦，歡迎讀者推薦貢獻內容或者知識渠道
歡迎來到第 64 期的【視野修煉 - 技術週刊】，下面是本期的精選內容簡介
?強烈推薦
- VueDraggablePlus - 祖師爺推薦拖拽庫
- 三行 CSS 實現文字懸停浮空
- 視覺化CSS動畫編輯器
?開源工具&技術資訊
- Biome 贏得了 Prettier 懸賞獎金
- 微前端時代：打造高效、靈活的前端開發體系
- menu with the popover API
- COLR Font
?AI工具&資訊
- SDXL Turbo - 體驗極快的文生圖
- 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）移步部落格
⭐️強力推薦關注
- 阮一峰: 科技愛好者週刊 - 記錄每週值得分享的科技內容，週五釋出
- 雲謙：MDH 前端週刊 - 前端資訊和分享
- 童歐巴：前端食堂 - 你的前端食堂，吃好每一頓飯
- 前端RSS - 根據 RSS 訂閱源抓取最新前端技術文章
- 值得一讀技術部落格 - 每天進步一點點，每天分享有料的技術文章！