鐵人檔案
Hold Shift to Check Multiple Checkboxes一次勾選多個 一個列表清單，使用者可以按住shift鍵，一次選取多個項目，可以從上...
Custom Video Player客製化播放器 video當你想讓使用者自己去控制音量、播放位置的時候，可以在標籤上加上controls。 <vide...
Key Sequence Detection 偵測鍵盤輸入值 這次是一個練習鍵盤事件的操作，當在鍵盤上輸入了預設好的答案，就會跳出彩蛋 個人codepen 技...
Slide In on Scroll 滾動滑入效果 網頁在滾動過程中，圖片會在滾動到可見視窗內後，從兩側滑動出現，等你滾走後，他會再滑出去．過程中需要知道滑動到...
Object and Arrays--Reference VS copy 今天是基礎的ＪＳ概念，主要介紹傳值和傳參考上的狀況，並且用淺拷貝和深拷貝去複製物件資料...
Local Storage and Event Delegation 瀏覽器資料儲存和事件委派 Local Storage非常好用，可以把一些資料儲存在使用者的...
CSS Text Shadow Mouse Move Effect 滑鼠操作文字陰影 監聽滑鼠的移動行為，去根據坐標位置，移動text-shadow，讓你眼花撩...
Sort Without Articles 將樂團的名字去做英文字母a-z的順序排列，但是會把樂團前面開頭有the,an,a的字眼排除掉，再去排序． 個人co...
Tally String Times with Reduce 這次沒有什麼畫面，主要是利用JS去處理影片的總長度。假設有一推影片，每一個影片都有他自己的時間長度...
Native Speech Recognition語音偵測轉換文字 這次的練習跟Web Speech API有關，之前並沒有接觸過，覺得滿酷的。他會要求打開並存...
