筆者在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 訂閱源抓取最新前端技術文章
- 值得一讀技術博客 - 每天進步一點點，每天分享有料的技術文章！