CryptoJS 用前端加密、解密

CryptoJS 用前端加密、解密

本篇大綱:本篇要解決的問題。安裝、CDN、import。使用、AES 加密解密、Rabbit 加密解密。本篇是用 Crypto.js 來進行加解密的動作,選它是因為網路上很多人推薦,GitHub 上星星數也多。

用 JavaScript 做一個 Tooltips 功能

用 JavaScript 做一個 Tooltips 功能

本篇大綱:本篇要解決的問題。下載、引用 JS。基本使用。參數說明。客製樣式。點擊後執行 function。Demo 及原始碼。本篇是 August 自己寫了一個 Tooltips 的功能,預備著以後專案需要使用時直接下載下來引用,像是一篇使用的說明檔。

做一個簡單的網頁截圖功能

做一個簡單的網頁截圖功能

本篇大綱:本篇要解決的問題。將指定區塊轉成 Canvas。把 Canvas 轉存成圖檔。截多個 div 存成圖。範例及原始碼。把網頁的區塊存成圖檔,總覺得以後有機會再用到,就先整理這篇筆記文。

Color Thief 找出圖片裡的顏色

Color Thief 找出圖片裡的顏色

本篇大綱:本篇要解決的問題。Color Thief 基本使用、引用 JS、getColor 取得主要色碼、getPalette 取得調色盤、使用範例。排序色碼由亮到暗。取得使用者選擇的圖檔。RGB 轉 Hex 色碼。本篇原始碼及 Demo。

Javascript,XML 轉 JSON

Javascript,XML 轉 JSON

本篇大綱:本篇要解決的問題。下載 JS 程式碼。取 XML 資料並轉成 JSON。轉出 JSON 的資料放進 OSM。本篇除了一個套件,也會實作取一個政府公開的 XML 資料,並放進開源的地圖 OSM 裡,再加上 marker,製作一個捷運站點地圖。

用原生JS做一個簡單的抽獎功能頁面

用原生 JavaScript 做一個簡單的抽獎功能頁面

本篇大綱:本篇會完成的Demo、本篇用到資源、html部份、css部份、js部份、抽獎名單資料庫、範例頁面、原始碼。很多活動頁上都在玩抽獎,就自己動手寫了一個出來。把抽獎的名單換成店家名稱,順便再加上Google Map進去,就解決不知道午餐要吃什麼的煩惱啦~

Plyr 播放器使用筆記:控制項、取值、事件、改樣式、外部平台影片

Plyr 播放器使用筆記:控制項、取值、事件、改樣式、外部平台影片

本篇大綱:本篇要解決的問題。建立影片播放器及控制項、開啟所有控制項、新增字幕檔、新增多種畫質選擇、提示 Tooltip、中文化介面、時間軸加上段落標記。取值:影片總時長、當下秒數。監聽事件:播放、暫停。修改樣式。外部平台影片:Youtube、Vimeo。

Let's Write

前端工程師 August 的學習筆記 — solving problems, in simple ways.

Follow us Telegram GitHub