原创 博客構建性能優化筆記 | 提速 3 倍

筆者的博客基於 VitePress 搭建的，使用其自定義主題能力完成博客主題 @sugarat/theme 的搭建。 前段時間有羣友反饋說使用主題構建後耗時增加非常明顯。 前後耗時大概增加了 10 倍，過於離譜了。 斷斷續續的投入差不

2024-06-13 13:06:16

原创 視野修煉-技術週刊第87期 | Nodejs 15 週年

歡迎來到第 87 期的【視野修煉 - 技術週刊】，下面是本期的精選內容簡介 🔥強烈推薦 js 中的經典八股 merge-anything - 深度合併對象的庫 DOM 樹深度對渲染性能的影響 🔧開源工具&技術資訊 Node.js 15

2024-06-10 13:06:16

原创 視野修煉-技術週刊第86期 | CSS 馬里奧

歡迎來到第 86 期的【視野修煉 - 技術週刊】，下面是本期的精選內容簡介 🔥強烈推薦 TTSMaker - 在線語音合成工具 js 讀取文件速度對比 僅使用 CSS 實現的一個馬里奧小遊戲 🔧開源工具&技術資訊 widget-qrc

2024-06-03 13:06:14

原创 視野修煉-技術週刊第85期 | 圖小小

歡迎來到第 85 期的【視野修煉 - 技術週刊】，下面是本期的精選內容簡介 🔥強烈推薦 pic-smaller - 圖小小 精美的 CSS 背景圖 js 進階問題 🔧開源工具&技術資訊 Vue Fluid DnD - 適用於Vue的拖

2024-05-27 13:06:09

原创 視野修煉-技術週刊第84期 | Mako

歡迎來到第 84 期的【視野修煉 - 技術週刊】，下面是本期的精選內容簡介 🔥強烈推薦 npmmirror 下線 unpkg 服務 🔧開源工具&技術資訊 Mako - 又一基於 Rust 的構建工具 Icônes - 圖標集合檢索 g

2024-05-20 13:06:15

原创 視野修煉-技術週刊第83期 | MarsCode

歡迎來到第 83 期的【視野修煉 - 技術週刊】，下面是本期的精選內容簡介 🔥強烈推薦 MarsCode - 在線 AI IDE Turbo Console Log - 快速創建console mcfly - 命令行歷史搜索 🔧開源工具

2024-05-20 13:06:15

原创 博客性能優化筆記 | 99分

閒着沒事，拿 lighthouse 測了一下博客網站的性能評測，發現診斷出的問題還挺多，就順手優化了一下。 這篇文章將記錄這個優化的過程。 優化前後對比 lighthouse 檢測結果 優化前 優化後 性能面板檢測結

2024-05-05 13:06:15

原创 視野修煉-技術週刊第82期 | Node.js v22

歡迎來到第 82 期的【視野修煉 - 技術週刊】，下面是本期的精選內容簡介 🔥強烈推薦 Node.js v22 發佈 🔧開源工具&技術資訊 Module Federation 2.0 正式發佈！ 終極 CSS 形狀實現合集 — 單元素

2024-04-30 13:06:16

原创 小程序中使用 lottie 動畫 | 踩坑經驗分享

最近被拉去支援緊急需求（趕在五一節假日前上線的，雙休需要加班😱），參與到項目中才知道，開發的項目是微信小程序技術棧的。由於是臨時支援，筆者也很久沒開發過微信小程序了，所以挑選了相對獨立，業務屬性相對輕薄的模塊參與。 其中有個營銷活動（領紅包

2024-04-30 13:06:16

原创 視野修煉-技術週刊第81期 | Chrome 124 新功能

歡迎來到第 81 期的【視野修煉 - 技術週刊】，下面是本期的精選內容簡介 🔥強烈推薦 Chrome devtools 124 新功能 sshx - 終端協作 🔧開源工具&技術資訊 ElemSnap - 瀏覽器美化截圖插件 PNPM

2024-04-22 13:06:20

原创 視野修煉-技術週刊第80期 | Bundows

歡迎來到第 80 期的【視野修煉 - 技術週刊】，下面是本期的精選內容簡介 🔥強烈推薦 Bun 1.1 發佈 - Bundows Signals 的標準化提案 免費的AI咒語聚合網站 🔧開源工具&技術資訊 前端框架新勢力大盤點 das

2024-04-15 13:06:53

原创 使用又拍雲極速搭建圖牀

前言 某天在羣裏摸 🐟 ，聊到了圖牀相關的話題，羣友推薦了 又拍雲。 說有活動，可以白嫖存儲，10G + 15G（HTTP/HTTPS 流量） 。筆者之前一直用的七牛雲 10G + 10G（回源流量）。 又拍雲 七牛雲

2024-04-14 13:07:10

原创 視野修煉-技術週刊第79期 | 人很重要，軟件只是樂趣

歡迎來到第 79 期的【視野修煉 - 技術週刊】，下面是本期的精選內容簡介 🔥強烈推薦 譯：編程 40 年 - 軟件只是樂趣 CJS 和 ESM 相互兼容？ 🔧開源工具&技術資訊 superjson - 複雜的JS對象序列化 play

2024-04-01 13:06:18

原创 純前端實現 JPG 圖片壓縮 | canvas

在線 Demo 體驗地址 →: https://demos.sugarat.top/pages/jpg-compress/ 前言 在迭代圖牀應用時，需要用到圖片壓縮，在之前分享了使用 UPNG.js 壓縮 PNG 圖片，這裏記錄分享一下

2024-03-25 13:07:25 2

原创 視野修煉-技術週刊第78期 | Node.js紀錄片

歡迎來到第 78 期的【視野修煉 - 技術週刊】，下面是本期的精選內容簡介 🔥強烈推薦 Node.js 紀錄片 emgithub - github 嵌入鏈接獲取 Emojisplosion - 表情煙花效果 🔧開源工具&技術資訊 Ch

2024-03-25 13:07:25