歡迎來到第 76 期的【視野修煉 - 技術週刊】,下面是本期的精選內容簡介
🔥強烈推薦
- Rolldown 開源 - Rollup 的鏽化版
- 前端除錯工具超全彙總
🔧開源工具&技術資訊
- OhMyLive2D - Live2D Web 看板元件
- 100萬級安裝量的開源作品,一年有多少打賞收入?
- Web-Check - 開源的網站分析工具
- Safari 提供原生 HTML Switch 控制元件
- Simple Icons - 流行標誌的 SVG 圖示
📚 教程&文章
- CSS 中玩轉 Infinity
也推薦大家關注一下最後的推薦內容(週刊的主要內容來源渠道)
下面開始本期內容的介紹,預計閱讀時間 6 分鐘。
🔥強烈推薦
1. Rolldown 開源 - Rollup 的鏽化版
Rolldown 是一個用 Rust 編寫的 JavaScript bundler,旨在作為 Vite 中使用的未來bundler。
提供了和 Rollup 相容的API。
🚧 Work in Progress 🚧,Rolldown 目前正在積極開發中,尚未用於生產。
學習 Rust 🦀 得提上日程了,不然以後要排查問題原始碼都看不懂了。
2. 前端除錯工具超全彙總
沒用過的趕緊嘗試一下。
筆者用過提到的差不多 80% 的工具,提效槓槓的!
🔧開源工具&技術資訊
3. OhMyLive2D - Live2D Web 看板元件
專案已整合 Cubism 2.1 與 Cubism 5.0.0 ,完整覆蓋了從 model2 到 model4 的所有版本。
接入非常簡單,快為你的網站新增一個看板娘吧!
4. 100萬級安裝量的開源作品,一年有多少打賞收入?
作者寫了一個網頁播放器最佳化指令碼,但一年只收到了 330 米的打賞收入。
作者的勸告:千萬不要寄望透過打賞/捐贈來激發你的開發熱情,或打算以此來維持生計!
5. Web-Check - 開源的網站分析工具
可以分析網站的 IP 資訊、SSL 鏈、DNS 記錄、Cookie、域名資訊、伺服器位置、網站效能等
6. Safari 提供原生 HTML Switch 控制元件
Safari 17.4 引入
7. Simple Icons - 流行標誌的 SVG 圖示
📚 教程&文章
8. CSS 中玩轉 Infinity
分享個最有意思的,與 z-index 配合 Infinity
selector {
z-index: calc(infinity);
}
再也不會被其它元素頂掉了!
😛趣圖
⭐️強力推薦關注
- 阮一峰: 科技愛好者週刊 - 記錄每週值得分享的科技內容,週五釋出
- 雲謙:MDH 前端週刊 - 前端資訊和分享
- 童歐巴:前端食堂 - 你的前端食堂,吃好每一頓飯
- 前端RSS - 根據 RSS 訂閱源抓取最新前端技術文章
- 值得一讀技術部落格 - 每天進步一點點,每天分享有料的技術文章!
- FRE123 技術週刊精選 - 前後端技術週刊精選推薦資訊流