獺斯特

希望能讓零基礎的人可以無痛學會網頁設計，撰寫為初學者而生的教學文章，未來會推出影片教學，帶你真正手把手進入程式設計的領域！你也想打下程式設計基礎嗎？就從網頁設計開始，跟著我一起「獺」上程式之路吧！

[JS筆記]滑鼠游標拖曳出方框，最簡單的寫法 3 分鐘完成

滑鼠游標拖曳出方框最簡單的寫法，這次要製作的功能是當使用者按住滑鼠左鍵不放，開始拖曳時，會出現跟著游標而不斷改變形狀的方框，使用者放開時才消失。

免費教學 - 自己架設網站，30 分鐘就架好！大部分的網路教學很少人教你最繁瑣的步驟：怎麼從 0 到 1 建立起一個公開的空網站？因此我特別做了這個系列的免費教學影片，手把手帶你完成架站！

如何使用 HTML 和 JS 開啟鏡頭權限，並且設定每 1 秒下載一次截圖的功能。這篇是使用純 JavaScript 來執行的範例程式碼。

前端 JS 圖片預加載、前端圖片緩存的方式，只需要 3 行就能解決這個問題！最簡單的方式就是使用建立圖片實體的方式來完成它！

使用純 JavaScript 把數字加上千分位符號，正規表達式 1 行就能解決！

在 JavaScript 中，直接觸發 addEventListener 的方法，可以使用 dispatchEvent() 來進行觸發。

JavaScript 陣列移除重複的方法，可以使用 Set() 來達成效果。其中，陣列裡面的 ... 是展開的意思，淺層拷貝成一個新的陣列。

在圖片上可以使用 Canvas 繪製框線，疊加在圖片上，讓圖片看起來像是有畫上線段，還可以使用 drawImage() 來裁切圖片！

JS 上傳圖片功能、圖片網址轉圖片的格式轉換，由圖片路徑轉換成 Base64 格式，再轉換成 Blob 物件，再轉換成 File 資料格式。

Flask Blueprint 藍圖建立步驟筆記，使用 Docker 管理，後端語言為 python，前端使用純 HTML + CSS + JavaScript，開發的平台是使用 VSCode。