[JS筆記]滑鼠游標拖曳出方框,最簡單的寫法 3 分鐘完成 2023-07-03 2023-07-03JavaScript 教學, 網頁設計滑鼠游標拖曳出方框 最簡單的寫法,這次要製作的功能是當使用者 按住滑鼠左鍵不放 ,開始拖曳時,會出現跟著游標而 不斷改變形狀的方框 ,使用者放開時才消失。閱讀更多
[免費教學]如何自己架設網站?只要 30 分鐘就架好!手把手教學系列 2023-06-24 2024-05-17架站教學, 架站設定免費教學 - 自己架設網站,30 分鐘就架好!大部分的網路教學很少人教你最繁瑣的步驟:怎麼從 0 到 1 建立起一個公開的空網站?因此我特別做了這個系列的免費教學影片,手把手帶你完成架站!閱讀更多
[JS筆記]JS 開啟鏡頭權限,電腦及 iOS、Android 手機皆可切換前後鏡頭 2023-06-01 2023-06-08JavaScript 教學, 網頁設計如何使用 HTML 和 JS 開啟鏡頭權限,並且設定每 1 秒下載一次截圖的功能。這篇是使用純 JavaScript 來執行的範例程式碼。閱讀更多
[JS筆記]前端 JS 圖片預加載 3 行完成!最簡單的前端緩存方式 2023-05-26 2023-05-26JavaScript 教學, 網頁設計前端 JS 圖片預加載、前端圖片緩存的方式,只需要 3 行就能解決這個問題!最簡單的方式就是使用建立圖片實體的方式來完成它!閱讀更多
[JS筆記]把數字加上千分位符號 1 行解決 2023-05-19 2023-05-19JavaScript 教學, 網頁設計使用純 JavaScript 把數字加上千分位符號,正規表達式 1 行就能解決!閱讀更多
[JS筆記]直接觸發 addEventListener 的方法 dispatchEvent() 2023-05-16 2023-05-16JavaScript 教學, 網頁設計在 JavaScript 中,直接觸發 addEventListener 的方法,可以使用 dispatchEvent() 來進行觸發。閱讀更多
[JS筆記]JavaScript 陣列移除重複的方法,使用 Set 達成效果 2023-05-12 2023-05-12JavaScript 教學, 網頁設計JavaScript 陣列移除重複的方法,可以使用 Set() 來達成效果。其中,陣列裡面的 ... 是展開的意思,淺層拷貝成一個新的陣列。閱讀更多
[JS筆記]實作 Canvas 繪製框線、drawImage 裁切圖片 2023-05-10 2023-05-10JavaScript 教學, 網頁設計在圖片上可以使用 Canvas 繪製框線,疊加在圖片上,讓圖片看起來像是有畫上線段,還可以使用 drawImage() 來裁切圖片!閱讀更多
[JS筆記]實作上傳圖片功能、圖片網址轉圖片格式轉換 base64 to blob 2023-05-09 2023-05-09JavaScript 教學, 網頁設計JS 上傳圖片功能、圖片網址轉圖片的格式轉換,由圖片路徑轉換成 Base64 格式,再轉換成 Blob 物件,再轉換成 File 資料格式。閱讀更多
[Flask筆記]Flask Blueprint 藍圖,建立步驟紀錄 2023-05-03 2023-05-03網頁設計, Flask 筆記Flask Blueprint 藍圖建立步驟筆記,使用 Docker 管理,後端語言為 python,前端使用純 HTML + CSS + JavaScript,開發的平台是使用 VSCode。閱讀更多