系列文章
Day11 Custom HTML5 Video Player
Day11 Custom HTML5 Video Player Demo 第11天的實作目標是要做出一個客製化的網頁影像播放工具。 在Html5中本身就有vid...
Day12 Key Sequence Detection (KONAMI CODE)
Day12 Key Sequence Detection (KONAMI CODE) Demo 第12天的實作目標在網頁中做出科拿米秘技的網頁。 科拿米祕技是指...
Day13 Slide In on Scroll
Day13 Slide In on Scroll 第13天的實作是在網頁中有一段文章和圖片，目標是螢幕向下滑動時，img元素會隨著螢幕捲動的位置，而顯示出來。...
Day14 JavaScript References VS Copying
Day14 JavaScript References VS Copying 第14天的實作是要解釋js的變數內容為數字，布林值，字串跟變數內容為陣列和物件的差...
Day15 LocalStorage and Event Delegation
Day15 LocalStorage and Event Delegation 第15天的實作是要利用LocalStorage來讓網頁關閉之後，資料不會移除，讓...
Day16 CSS Text Shadow Mouse Move Effect
Day16 CSS Text Shadow Mouse Move Effect 第16天的實作是做出特定元素的陰影會隨著滑鼠的位置產生位移的變化。 首先在頁面中...
Day17 Sorting Band Names without articles
Day17 Sorting Band Names without articles 第17天的實作是要運用陣列的內容進行排序，但排序內容會省略特定開頭字元(本實...
Day18 Tally String Times with Reduce
Day18 Tally String Times with Reduce 第18天的實作練習是從li的屬性取得data-time，並將其數值轉換成秒數，並加總成...
Day19 Webcam Fun
Day19 Webcam Fun 第19天是網頁使用視訊鏡頭來抓取視訊畫面，讓視訊畫面呈現在網頁上，並可以加入畫面特效，還可將網頁影像轉換成影像檔案。 首先畫面...
Day20 Native Speech Recognition
Day20 Native Speech Recognition 在網頁建立一個監聽語音的功能，當講話時會將講話的內容轉換成文字，並顯示於網頁的元素中。 首先在網...