使用 Manifest 創建你的 PWA – 基礎 Progressive Web App 教學
深入探索 PWA 的 Manifest.json 應用,學習如何設定應用程式的主要顏色、啟動畫面、圖示、名稱等,並了解 Chrome 主動提示加入主畫面的條件和功能。
深入探索 PWA 的 Manifest.json 應用,學習如何設定應用程式的主要顏色、啟動畫面、圖示、名稱等,並了解 Chrome 主動提示加入主畫面的條件和功能。
深入了解 IndexedDB 的客戶端數據存儲技術。本文詳細解釋了 IndexedDB 的使用限制、操作方法和實踐技巧,並提供了實用的代碼範例和操作指南,是前端工程師提升技能的理想資源。
探索 Google Sheets API 在 Google Apps Script 上的實用操作和技巧。本文詳細解釋了試算表和工作表的操作、好用函式和原始碼分享,是想要深入了解 Google Sheets API 應用的理想指南。
探索如何使用 OneDev 在本機快速架設 Git Server。本文詳細介紹了安裝 OneDev 和 Docker 的步驟,並提供了實用的圖片和說明,幫助你輕鬆在本機建立和管理 Git Server。
探索如何使用 Local Storage 和 Session Storage 實現客戶端數據存儲。本文詳細解釋了這些技術的限制、原生寫法、設定有效期限和推薦套件,並提供了實用的 Demo 和原始碼。
探索如何使用 HTML 的 capture 屬性開啟手機鏡頭進行拍照和錄影。本文詳細解釋了開啟鏡頭、預覽照片和影片、轉圖片和轉影片的方法,以及客製 input file 和支援度和安全性的考慮。附帶實用範例和說明。
深入了解使用 Cookie 實現客戶端數據存儲的技巧和最佳實踐。本文詳細解釋了 Cookie 的基本概念、限制、原生寫法,並推薦了一個實用的 JavaScript Cookie 套件,附帶實用 Demo 和原始碼。
學習如何使用 Pusher 快速實現 Web Push 通知功能。本文將指導你從建立 Pusher Beams App 到發送實際的推播通知的每一步,並探討不同瀏覽器的支援度。
探索如何使用 Crypto.js 進行前端加解密。本文詳細解釋了安裝、CDN、import 的方法,並提供了 AES 和 Rabbit 加密解密的實用範例。是一個適合希望深入了解前端加解密技巧的讀者的實用指南。
深入了解如何用 JavaScript 創建自定義 Tooltips 功能。本文詳細解釋了 JS 的下載、引用、基本使用、參數設定和客製化樣式,並提供了實用的 Demo 和原始碼,是前端開發者的寶貴資源。
這篇文章教你如何使用 html2canvas 和 Canvas2image 來將網頁的特定區塊轉換成圖像文件。文章內容包括將指定的 HTML 區塊轉換成 Canvas,將 Canvas 轉存成圖像文件,以及如何截取多個 div 並將它們存儲為圖像。文章提供了範例和原始碼,以及一個實用的 Demo 供讀者參考和使用。
這篇文章教你如何使用 Color Thief 這個 JavaScript 庫來從圖片中提取顏色。內容包括 Color Thief 的基本使用、如何引用 JS、使用 getColor 和 getPalette 函數來取得圖片的主要色碼和調色盤,以及進階使用技巧,例如如何將色碼由亮到暗排序,如何取得使用者選擇的圖檔,和如何將 RGB 色碼轉換為 Hex 色碼。文章最後還提供了原始碼和 Demo 供讀者參考。
Recent Comments