HTML-in-Canvas：讓 Canvas 完美渲染 HTML 的 Web 新標準 ============================================== > **專案來源**：WICG（Web Platform Incubator Community Group） ...
別讓壓圖拖垮首幀：系統選取器 + TaskPool + ImagePacker，把 HarmonyOS 圖片整理鏈路做順 =================================================================== > 這篇不聊「會不會調 AP...
現代 CSS 的新力量 ==============  如果你拆開一個稍微複雜一點的 Web 應用，很容易發現一個熟悉的現象。在還沒寫任何業務程式碼之前，就已經引入了一堆 JavaScript 套件，只是為了實...
第一次接觸大型程式碼庫是件痛苦的事。你克隆了程式碼庫，發現裡面有 300 個文件，卻完全不知道它們都放在哪裡。 你可以詢問人工智慧助手，但它很快就會忽略上下文，你永遠不知道它是否臆想出了一個根本不存在的檔案路徑。 [Codebase Navigator](https://github.com/...
一周狂攬40K+ Star⭐ 的 Pretext 到底有多誇張？ =================================== 這週的前端圈，可以說是被一個叫 **Pretext** 的專案徹底洗版了。 短短幾天，GitHub 狂攬 [**41K+ Stars ⭐⭐⭐**](htt...
 我把它命名為 jit-Viewer，剛好與我們做的 Jit...
================================================================ 前言 -- 在 JavaScript 的世界裡，原型（prototype）是一個貫穿始終的核心概念。它不像變數、函式那樣直觀，卻默默支撐著 JS 的繼承機制，讓我們寫...
========================================= Vue3 + AI Agent 前端開發實戰：一個 前端開發工程師的轉型記錄 -------------------------------------- > 6年 前端開發經驗，1 年 AI 產品實戰。...
========================================== > 你的 Electron 應用打包後 150MB？ > 而用 Electrobun，**一個功能完整的桌面 App 只需 12MB**——啟動更快、記憶體更低、更新補丁僅 14KB。 如果你熱愛 Elec...
多年來，JavaScript一直是Web的主要語言。它的流行程度可能甚至讓它的創造者Brendan Eich都感到驚訝，據說他只花了一周左右的時間就建置了該語言的第一個版本。 JavaScript之所以能佔據主導地位，其中一個重要原因在於瀏覽器的強大功能。我們只需透過瀏覽器這個應用程式，就能存取...
========================= 引言 -- 本文緣起自筆者開發一個基於 PIXI.js 的線上動畫編輯器時，想系統學習 Canvas 相關知識，卻發現缺少合適的中文入門資料，於是萌生了撰寫這份「速通指北」的想法，歡迎有興趣的朋友訂閱我的 《Canvas 指北》專欄。 ...
## 前言 在2026年3月，報告了一起使用Claude Code開發過程中遭受提示注入攻擊的事件，導致Google廣告的MCC帳戶被駭取（[參考文章](https://x.com/hassii_ad/status/2029481458218483742%EF%BC%89)。 本文將分享構建**自...
## 前回「MCP根本上不需要」的人，察覺到了更前面的問題 前幾天，我寫了這篇文章。 > **「我可以不再建立MCP伺服器了嗎？」〜為什麼CLI壓倒MCP的真正理由〜** > [連結](https://qiita.com/toarusyakaijin/items/e7a6c34c75f4ea...
# 速通Canvas指北🦮——基礎入門篇 ## 引言 本文緣起自筆者開發一個基於 PIXI.js 的線上動畫編輯器時，想系統學習 Canvas 相關知識，卻發現缺少合適的中文入門資料，於是萌生了撰寫這份“速通指北”的想法，歡迎感興趣的朋友訂閱我的 《Canvas 指北》專欄。 ## 第1章：Ca...
# 哨兵模式-无限滾動 ## 前端哨兵模式（Sentinel Pattern）—— 優雅實現滾動加載 ### 一、什麼是哨兵模式？ 想像你在排隊買奶茶，你不知道什麼時候輪到你。但如果在你前面第 3 個人身上貼了一張紙條，寫著"看到我就準備點單"——**這個人就是"哨兵"**。 在前端開發中，*...
## 實際的發文範例 這個管線自動生成及自動發佈的 X 的發文如下： [https://x.com/aiteacher37681/status/2026187321477931407?s=20](https://x.com/aiteacher37681/status/20261873214779...
# 案例+图解帶你遨遊 Canvas 2D繪圖 Fabric.js🔥🔥（5W+字） ## Fabric.js 簡介 > `Fabric.js` 是一個功能強大且操作簡單的 `Javascript HTML5 canvas` 工具庫。 
