系列文章
JS30 Day 11 - Custom Video Player
成品連結：Custom Video Player、HTML 程式碼、CSS 程式碼、JS 程式碼 今天要做的是播放器！其實瀏覽器本身就有內建瀏覽器，但有個缺點是...
JS30 Day 12 - Key Sequence Detection
成品連結：Custom Video Player、程式碼 不知道大家知不知道 KONAMI CODE，當輸入一連串特定內容後會有動畫或是意想不到的小驚喜，或是可...
JS30 Day 13 - Slide in on Scroll
成品連結：Custom Video Player、程式碼 今天的主題是常見的網站圖片動畫，也就是當滾動至圖片時圖片才會出現，且當圖片離開畫面時會再次隱藏。 透過...
Day 14 - JavaScript References VS Copying
今天不做作品，而是討論一下在 JavaScript 中的複製。或許你有遇過下面問題 let arr1 = [1, 2, 3]; let arr2 = arr1;...
JS30 Day 15 - LocalStorage
成品連結：LocalStorage、操作前程式碼、完成後程式碼 如標題揭示，今天的主題是 localStorage 以及如何使用它。 使用 localStora...
JS30 Day 16 - Mouse Move Shadow
成品連結：Mouse Move Shadow、操作前程式碼、完成後程式碼 今天要做的是當滑鼠移動時，文字影子（text-shadow）跟著移動的效果，那就開始吧...
JS30 Day 17 - Sort Without Articles
成品連結：Mouse Move Shadow、操作前程式碼、完成後程式碼 今天要做的是排序，但不同於一般排序這次要忽略冠詞（a, an, the）之後才做排序...
JS30 Day 18 - Adding Up Times with Reduce
頁面連結：Adding Up Times with Reduce（請開啟 console 看結果）、程式碼 今天同樣不會做出作品，重點是學習 reduce(.....
JS30 Day 19 - Webcam Fun
以下動作建議在 localHost 操作，不然可能發生無法正常運作 成品連結：Webcam Fun、操作前程式碼、完成後程式碼、HTML 程式碼、CSS 程...
JS30 Day 20 - Speech Detection
以下動作建議在 localHost 操作，不然可能發生無法正常運作 成品連結：Speech Detection、操作前程式碼、完成後程式碼 今天要做的是即時...