鐵人檔案
這次的30天系列文內容主要是JavaScript30(https://javascript30.com/)的自主學習筆記，紀錄每堂課的重點。目的是強迫自己吸收新知，希望30天後能夠有所成長，GOGOGO~
今天的實作雖然看似簡單，但若要自己獨立完成，並寫得像課程那樣簡潔有力，這其中的邏輯是要花點時間思考的。這堂課所要做的是一個能夠同時勾選多項的清單，若勾選其中一個...
今天第十一堂課要做的是影片播放器。其實影片播放器只需要用一個<video>element就可以產生一個有播放鍵、時間軸、音量軸跟全螢幕按鈕的播放介面...
今天要做的實作可以說是非常的沒用特別。首先跟大家說個小故事，日本有家知名電子遊戲製作商叫Konami，他們製作過像是惡魔城、魂斗羅、實況野球等經典人氣大作。而1...
今天實作要做的是一個瀏覽網頁時常見的一種特效，就是當你閱讀一篇很長的文章時，滾動頁面到有圖片的段落時，圖片才會從側邊淡入進來，讓人產生一種這個網頁很有質感的錯覺...
今天的實作是要讓大家了解在JS裡的基本觀念，參照與複製。這堂課沒有介面也沒有什麼練習題目，所以就直接開始吧！ 相信大家都看得懂下面這段code let age...
這堂課比平常稍微長了一些，大約三十分鐘，課程中提到了許多觀念與細節，是許多人在開發中也常遇到的問題，而老師用了比較快速或是周全的方式來解決這些問題。有空沒事的同...
今天的實作要做一個常見的特效，就是讓頁面上的文字陰影隨著滑鼠移動而跟著改變位置。而這次頁面上的文字是可編輯的，只要點選中間的文字即可進入編輯狀態，實作範例如下：...
今天的實作相當簡單，就是對內容為字串的Array做字頭排序，但要忽略article(英文小教室：這邊的article不是文章，而是「冠詞」，像是the、a、an...
今天的實作算是練習之前Array的函式，map()和reduce()。這個練習是假設我們在youtube有一堆影片列表，後面顯示每部影片的時間長度，那我們要怎麼...
今天的實作有點兒難度，是要用到你的視訊鏡頭，做出一個能夠製造特效、拍照及下載的功能，介面如下：每拍一張照，下方就會多一張照片，點選即可下載該張照片。但由於視訊鏡...
