跳至主要內容
  • 首頁
  • 精選文章
  • 網頁設計
    • HTML 教學
    • CSS 教學
    • JavaScript 教學
  • 架站教學
    • 架站知識
    • 架站設定
    • 外掛教學
  • 關於獺斯特
獺學島Logo_horizontal
  • 首頁
  • 精選文章
  • 網頁設計
    • HTML 教學
    • CSS 教學
    • JavaScript 教學
  • 架站教學
    • 架站知識
    • 架站設定
    • 外掛教學
  • 關於獺斯特
獺學島Logo_horizontal
Cloudways 折扣碼

[免費影片教學]最新 Cloudways 優惠碼,頂級折扣碼免費索取!立即 1 鍵複製

  • 2023-05-31
  • 架站教學, 架站知識, 架站設定
最新 Cloudways 優惠碼,頂級折扣碼免費索取!折扣碼使用教學,【otta75】立即 1 鍵複製並前往註冊!
閱讀更多
which-code

學程式要選哪個程式語言?給零基礎自學者的推薦

  • 2023-03-05
  • 網頁設計, CSS 教學, HTML 教學, JavaScript 教學
學程式要選哪個程式語言?初學者零基礎又想自學程式的人,推薦優先選擇哪種程式語言入門最划算呢?我們可以從你個人的目標面和應用面談起,讓我推薦你最適合的程式入門語言及原因!
閱讀更多
拖曳出方框

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

  • 2023-07-03
  • JavaScript 教學, 網頁設計
滑鼠游標拖曳出方框 最簡單的寫法,這次要製作的功能是當使用者 按住滑鼠左鍵不放 ,開始拖曳時,會出現跟著游標而 不斷改變形狀的方框 ,使用者放開時才消失。
閱讀更多
自己架設網站教學系列

[免費教學]如何自己架設網站?只要 30 分鐘就架好!手把手教學系列

  • 2023-06-24
  • 架站教學, 架站設定
免費教學 - 自己架設網站,30 分鐘就架好!大部分的網路教學很少人教你最繁瑣的步驟:怎麼從 0 到 1 建立起一個公開的空網站?因此我特別做了這個系列的免費教學影片,手把手帶你完成架站!
閱讀更多
JS 開啟鏡頭權限

[JS筆記]JS 開啟鏡頭權限,電腦及 iOS、Android 手機皆可切換前後鏡頭

  • 2023-06-08
  • JavaScript 教學, 網頁設計
如何使用 HTML 和 JS 開啟鏡頭權限,並且設定每 1 秒下載一次截圖的功能。這篇是使用純 JavaScript 來執行的範例程式碼。
閱讀更多
JS 圖片預加載

[JS筆記]前端 JS 圖片預加載 3 行完成!最簡單的前端緩存方式

  • 2023-05-26
  • JavaScript 教學, 網頁設計
前端 JS 圖片預加載、前端圖片緩存的方式,只需要 3 行就能解決這個問題!最簡單的方式就是使用建立圖片實體的方式來完成它!
閱讀更多
JS 數字加上千分位

[JS筆記]把數字加上千分位符號 1 行解決

  • 2023-05-19
  • JavaScript 教學, 網頁設計
使用純 JavaScript 把數字加上千分位符號,正規表達式 1 行就能解決!
閱讀更多
直接觸發 addEventListener

[JS筆記]直接觸發 addEventListener 的方法 dispatchEvent()

  • 2023-05-16
  • JavaScript 教學, 網頁設計
在 JavaScript 中,直接觸發 addEventListener 的方法,可以使用 dispatchEvent() 來進行觸發。
閱讀更多
JavaScript 移除重複

[JS筆記]JavaScript 陣列移除重複的方法,使用 Set 達成效果

  • 2023-05-12
  • JavaScript 教學, 網頁設計
JavaScript 陣列移除重複的方法,可以使用 Set() 來達成效果。其中,陣列裡面的 ... 是展開的意思,淺層拷貝成一個新的陣列。
閱讀更多
canvas 繪製線段

[JS筆記]實作 Canvas 繪製框線、drawImage 裁切圖片

  • 2023-05-10
  • JavaScript 教學, 網頁設計
在圖片上可以使用 Canvas 繪製框線,疊加在圖片上,讓圖片看起來像是有畫上線段,還可以使用 drawImage() 來裁切圖片!
閱讀更多
上傳圖片功能

[JS筆記]實作上傳圖片功能、圖片網址轉圖片格式轉換 base64 to blob

  • 2023-05-09
  • JavaScript 教學, 網頁設計
JS 上傳圖片功能、圖片網址轉圖片的格式轉換,由圖片路徑轉換成 Base64 格式,再轉換成 Blob 物件,再轉換成 File 資料格式。
閱讀更多
Flask Blueprint Code

[Flask筆記]Flask Blueprint 藍圖,建立步驟紀錄

  • 2023-05-03
  • 網頁設計, Flask 筆記
Flask Blueprint 藍圖建立步驟筆記,使用 Docker 管理,後端語言為 python,前端使用純 HTML + CSS + JavaScript,開發的平台是使用 VSCode。
閱讀更多
1 2 3 4下一頁
沒有文章可以載入

Cloudways 頂級優惠

凡註冊 Cloudways 主機,使用我的專屬優惠折扣碼【otta75】,享有全台最划算【前 3 個月 75 折】優惠!

立即使用折扣碼

最新文章

  • [JS筆記]滑鼠游標拖曳出方框,最簡單的寫法 3 分鐘完成
  • [免費教學]如何自己架設網站?只要 30 分鐘就架好!手把手教學系列
  • [JS筆記]JS 開啟鏡頭權限,電腦及 iOS、Android 手機皆可切換前後鏡頭
  • [JS筆記]前端 JS 圖片預加載 3 行完成!最簡單的前端緩存方式
  • [JS筆記]把數字加上千分位符號 1 行解決

文章分類

  • 架站教學
    • 架站知識
    • 架站設定
  • 網路行銷
  • 網頁設計
    • CSS 教學
    • Flask 筆記
    • HTML 教學
    • JavaScript 教學

【獺上程式之路】
哈囉!我是獺斯特!
網頁設計教學、架設網站、轉職創業相關領域,擅長零基礎教學系列,手把手帶你從入門到專業!

獺斯特網頁設計必學
  • 首頁
  • 精選文章
  • 網頁設計
  • 架站教學
  • 關於獺斯特
  • 服務條款
  • 隱私權政策
  • 立即索取免費資源!

Copyright © 2023 獺學島 Ottaland