Let's Write

用 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 供讀者參考和使用。

這篇文章教你如何使用 Color Thief 這個 JavaScript 庫來從圖片中提取顏色。內容包括 Color Thief 的基本使用、如何引用 JS、使用 getColor 和 getPalette 函數來取得圖片的主要色碼和調色盤，以及進階使用技巧，例如如何將色碼由亮到暗排序，如何取得使用者選擇的圖檔，和如何將 RGB 色碼轉換為 Hex 色碼。文章最後還提供了原始碼和 Demo 供讀者參考。