視野修煉-技術週刊第76期 | Rolldown 開源

粥里有勺糖發表於2024-03-10

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

🔥強烈推薦

  1. Rolldown 開源 - Rollup 的鏽化版
  2. 前端除錯工具超全彙總

🔧開源工具&技術資訊

  1. OhMyLive2D - Live2D Web 看板元件
  2. 100萬級安裝量的開源作品,一年有多少打賞收入?
  3. Web-Check - 開源的網站分析工具
  4. Safari 提供原生 HTML Switch 控制元件
  5. Simple Icons - 流行標誌的 SVG 圖示

📚 教程&文章

  1. 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 技術週刊精選 - 前後端技術週刊精選推薦資訊流

相關文章