iT邦幫忙

2

JS筆記-前端新手練習小專案(附加4個JS實例網站可學)

  • 分享至 

  • xImage
  •  

目錄

JS筆記-幫元素加上style的寫法
JS筆記-getPosition 讓你找到元素x,y位置
js筆記--寫腳本需要用到的waitForKeyElements.js
JS筆記-設定CSSstyle的function
JS筆記-使用fetch下載檔案/download.js好用的東西
JS筆記-前端新手練習小專案(附加4個JS實例網站可學)
JS筆記-關掉alert的簡單小技巧
JS筆記-使用ajax傳送表單(ex.傳送google表單)
JS筆記-前端撥放m3u8的兩種方法
JS筆記-讓chrome跳過「允許下載多個檔案」的技巧
JS筆記-製作copy效果
JS筆記-暫時讓網頁可以編輯
JS筆記-VScode自己設定速打
JS筆記-VScode的Prettier(自動排版)怎麼開始使用?

前情提要

我個人練習寫JS都是藉由比較具體的專案
來學習不同觀念
這樣的方式有好處 也有壞處

舉例來說 我會寫一個blog網站來練localStorage
寫一個抓圖的爬蟲 來練fetch/XMLHttpRequest
實際幫一個網站添加有用的按鈕 練習addEventListener
寫一個快捷鍵自動登入 或是貪食蛇 都可以練KeyboardEvent
寫一個擋住網頁廣告的就用到addEventListener("load", (event) => {});
或是自動發話就自然有setInterval 腳本類的會有setTimeout等等

不知不覺很多基礎的語法就在這些練習中
給你全部包辦了

對腦筋靈活的人很受用 可以花樣跳來跳去
只是也必須要有更高的統整能力以及記憶力
壞處就是 一般人會受不了
覺得沒辦法吸收到東西

如果你也是學習比較自由派的 那這邊有很多練手的小題材
很推薦無聊可以來玩玩
打底鞏固觀念 強化實作技巧

https://contactmentor.com/easy-beginners-javascript-games/


今天快過年了 紀念2022 額外給兩個網站
https://tools.wingzero.tw/archive
https://www.ifreesite.com/
https://youtils.cc/password/zh-Hants
https://tw.piliapp.com/
這兩個裡面有超多JS寫的小工具 從那邊開始下手 會是個很不錯的起點
給我自己一個註記

更:2023又找到一個小工具網站 已加入上面
更新:2023/02/15 又找到工具幫這個網站


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言