如何使用 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 的使用限制、操作方法和實踐技巧，並提供了實用的代碼範例和操作指南，是前端工程師提升技能的理想資源。
Google Sheets API，在 Google Apps Script 上的好用部份
探索 Google Sheets API 在 Google Apps Script 上的實用操作和技巧。本文詳細解釋了試算表和工作表的操作、好用函式和原始碼分享，是想要深入了解 Google Sheets API 應用的理想指南。
用 OneDev 在本機架 Git Server 功能
探索如何使用 OneDev 在本機快速架設 Git Server。本文詳細介紹了安裝 OneDev 和 Docker 的步驟，並提供了實用的圖片和說明，幫助你輕鬆在本機建立和管理 Git Server。
使用 Local Storage 實現 Client 端數據存儲 – 前端工程師必學的 Web Storage 技術（第二篇）
探索如何使用 Local Storage 和 Session Storage 實現客戶端數據存儲。本文詳細解釋了這些技術的限制、原生寫法、設定有效期限和推薦套件，並提供了實用的 Demo 和原始碼。
用 HTML 的 capture 屬性，開啟手機鏡頭進行拍照、錄影
探索如何使用 HTML 的 capture 屬性開啟手機鏡頭進行拍照和錄影。本文詳細解釋了開啟鏡頭、預覽照片和影片、轉圖片和轉影片的方法，以及客製 input file 和支援度和安全性的考慮。附帶實用範例和說明。
使用 Cookie 實現 Client 端數據存儲 – 前端工程師必學的 Web Storage 技術（第一篇）
深入了解使用 Cookie 實現客戶端數據存儲的技巧和最佳實踐。本文詳細解釋了 Cookie 的基本概念、限制、原生寫法，並推薦了一個實用的 JavaScript Cookie 套件，附帶實用 Demo 和原始碼。
簡單易上手！使用 Pusher 實現 Web Push 通知 – 基礎 Progressive Web App 教學
學習如何使用 Pusher 快速實現 Web Push 通知功能。本文將指導你從建立 Pusher Beams App 到發送實際的推播通知的每一步，並探討不同瀏覽器的支援度。
CryptoJS 用前端加密、解密
探索如何使用 Crypto.js 進行前端加解密。本文詳細解釋了安裝、CDN、import 的方法，並提供了 AES 和 Rabbit 加密解密的實用範例。是一個適合希望深入了解前端加解密技巧的讀者的實用指南。
用 JavaScript 做一個 Tooltips 功能
深入了解如何用 JavaScript 創建自定義 Tooltips 功能。本文詳細解釋了 JS 的下載、引用、基本使用、參數設定和客製化樣式，並提供了實用的 Demo 和原始碼，是前端開發者的寶貴資源。
簡單的網頁截圖功能 – html2canvas、Canvas2image
這篇文章教你如何使用 html2canvas 和 Canvas2image 來將網頁的特定區塊轉換成圖像文件。文章內容包括將指定的 HTML 區塊轉換成 Canvas，將 Canvas 轉存成圖像文件，以及如何截取多個 div 並將它們存儲為圖像。文章提供了範例和原始碼，以及一個實用的 Demo 供讀者參考和使用。
Recent Comments