CryptoJS 用前端加密、解密
探索如何使用 Crypto.js 進行前端加解密。本文詳細解釋了安裝、CDN、import 的方法,並提供了 AES 和 Rabbit 加密解密的實用範例。是一個適合希望深入了解前端加解密技巧的讀者的實用指南。
探索如何使用 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 供讀者參考。
探索如何使用 JavaScript 將 XML 資料轉換為 JSON 格式。本文提供了一個輕量級的解決方案,並分享了如何將政府公開的 XML 資料整合到開源地圖 OSM,製作捷運站點地圖的實例,並附帶相關程式碼和實用 Demo。
本篇大綱:本篇要解決的問題。中文姓名。身分證字號、手機條碼。生日 / 出生年月日。E-mail 電子信箱。手機。選擇縣市。範例及原始碼。
本篇大綱:本篇會完成的Demo、本篇用到資源、html部份、css部份、js部份、抽獎名單資料庫、範例頁面、原始碼。很多活動頁上都在玩抽獎,就自己動手寫了一個出來。把抽獎的名單換成店家名稱,順便再加上Google Map進去,就解決不知道午餐要吃什麼的煩惱啦~
本篇大綱:本篇要解決的問題。建立影片播放器及控制項、開啟所有控制項、新增字幕檔、新增多種畫質選擇、提示 Tooltip、中文化介面、時間軸加上段落標記。取值:影片總時長、當下秒數。監聽事件:播放、暫停。修改樣式。外部平台影片:Youtube、Vimeo。
本篇大綱:本篇要解決的問題。建立影片播放器、引用 CSS、JS、HTML。使用中文介面。取值:影片總長度、當下秒數。監聽事件:播放、暫停。改變播放器樣式。範例原始碼。
探索 Google Sheets API 在 Google Apps Script 上的實用操作和技巧。本文詳細解釋了試算表和工作表的操作、好用函式和原始碼分享,是想要深入了解 Google Sheets API 應用的理想指南。
學習如何使用 Google Sheets 紀錄表單資料。本文指南包括製作表單頁面、操作 Google Sheets 和 GAS 功能、處理 POST 資料、清空試算表和部署 Apps Script。附帶實用 Demo 和完整程式碼。
本篇大綱:本篇要解決的問題。製作一個 Demo。解法:直接替換掉 iframe 的 HTML。實測後發現,是每換一次 iframe src,瀏覽紀錄就會被新增一筆,所以按了上一頁,就是回到原頁,使用者就會以為上一頁的按鈕壞了。
Recent Comments