圖片壓縮：用 Compressor-js 自動調整品質壓縮至指定大小
本篇要解決的問題 很多網站功能會需要處理使用者上傳 […]
Vue 3、Tailwind CSS 3、esbuild、rollup.js 開發初始檔
本文詳細介紹如何使用 Vue 3、Tailwind CSS 3、esbuild 和 rollup.js 快速開發網站。文章涵蓋了從安裝、配置到開發的完整流程，並提供了實用的代碼範例和技巧，幫助開發者提升開發效率和產品質量。
ML5.js 神經網路 開發圖像辨識
本文介紹如何使用 Vue.js 結合 ml5.js 和 File API 創建圖像識別應用。探索從基本設置到解決常見問題的詳細步驟，並查看實際的示例 Demo。
Web Workers 調用 API，減輕主執行緒負擔
透過 Web Workers，您可以將這些耗時的操作放在另一個執行緒中處理，減輕主執行緒的負擔，提高網站的效能和響應速度。這篇文章提供了詳細的解釋和示例，幫助您快速上手使用 Web Workers。不要錯過這個可以改善網站效能的實用技巧！
DOMPurify，增加網站對 XSS 攻擊的防護力
本篇介紹了一個名為 DOMPurify 的套件，它可以增加網站對 XSS 攻擊的防護力。DOMPurify 可以幫助開發人員過濾和清除不受信任的輸入，以防止 XSS 攻擊。本文提供了 DOMPurify 的安裝和使用方法，並提供了一個範例 Demo 供參考。
簡單的網頁截圖功能 – DOM to Image
這篇文章教你如何使用 DOM to Image 進行網頁截圖。內容包括如何安裝和使用 DOM to Image，注意事項，以及一個實用的 Demo 和原始碼。文章還探討了 Notion AI 生成的文章，並在最後提供了一個關於生成式 AI 影響的彩蛋。
HEIC 格式的圖片怎麼辦？使用 heic2any.js 轉換為 JPEG 或 PNG
這篇文章教你如何使用 heic2any.js 來轉換 HEIC 格式的圖片。內容包括 HEIC 格式的介紹、如何使用 heic2any.js、處理從 iPhone 上傳的 HEIC 格式圖片，以及處理 API 回應的 HEIC Base64 格式圖檔的方法。文章提供了實用的 Demo 和原始碼。
如何使用 PWA 技術打造優秀的 Web App？
探索如何使用 PWA 技術來打造優秀的 Web App。本文詳細解釋了創建 icon 圖檔、manifest.json、sw.js，註冊 Service Worker，以及使用 Lighthouse 檢查 PWA 使用狀況的步驟。
使用 Manifest 創建你的 PWA – 基礎 Progressive Web App 教學
深入探索 PWA 的 Manifest.json 應用，學習如何設定應用程式的主要顏色、啟動畫面、圖示、名稱等，並了解 Chrome 主動提示加入主畫面的條件和功能。
使用 IndexedDB 實現 Client 端數據存儲 – 前端工程師必學的 Web Storage 技術（第三篇）
深入了解 IndexedDB 的客戶端數據存儲技術。本文詳細解釋了 IndexedDB 的使用限制、操作方法和實踐技巧，並提供了實用的代碼範例和操作指南，是前端工程師提升技能的理想資源。
使用 Local Storage 實現 Client 端數據存儲 – 前端工程師必學的 Web Storage 技術（第二篇）
探索如何使用 Local Storage 和 Session Storage 實現客戶端數據存儲。本文詳細解釋了這些技術的限制、原生寫法、設定有效期限和推薦套件，並提供了實用的 Demo 和原始碼。
使用 Cookie 實現 Client 端數據存儲 – 前端工程師必學的 Web Storage 技術（第一篇）
深入了解使用 Cookie 實現客戶端數據存儲的技巧和最佳實踐。本文詳細解釋了 Cookie 的基本概念、限制、原生寫法，並推薦了一個實用的 JavaScript Cookie 套件，附帶實用 Demo 和原始碼。
Recent Comments