新手村19 - Webcam Fun 19 - Webcam Fun俗話說的好，一天一蘋果，醫生遠離我 一天一 JS，What the f*ck JavaScript？ small steps every day - 記錄著新手村日記 完成目標 使用Webcam進行以下動作 功能 拍照功能 拍照檔案儲存.png檔 拉動上面的range會改變濾鏡參數 畫面 右上角出現webcam的畫面 中間的大圖是canvas輸出結果 出 2019-10-04 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript
新手村18 - Adding Up Times with Reduce 18 - Adding Up Times with Reduce俗話說的好，一天一蘋果，醫生遠離我 一天一 JS，What the f*ck JavaScript？ small steps every day - 記錄著新手村日記 完成目標透過 Reduce 把播放清單中的時間加起來。 功能 加總時間 畫面 依時間格式顯示小時、分鐘、秒數 index_START.html123456789 2019-10-03 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript
新手村17 - Sort Without Articles 17 - Sort Without Articles俗話說的好，一天一蘋果，醫生遠離我 一天一 JS，What the f*ck JavaScript？ small steps every day - 記錄著新手村日記 完成目標透過 Array.sort() 排序一個Array，但是排序不考慮 “The”、”An”、”A” 這些字眼 功能 排序不考慮 “The”、”An”、”A” 這些字眼 2019-10-02 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript
新手村16 - Mouse Move Shadow 16 - Mouse Move Shadow俗話說的好，一天一蘋果，醫生遠離我 一天一 JS，What the f*ck JavaScript？ small steps every day - 記錄著新手村日記 完成目標 功能 移動滑鼠文字陰影要能移動 畫面 陰影要隨著滑鼠相對的位子來修改距離 index_START.html1234567891011121314151617181920 2019-10-01 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript
新手村15 - LocalStorage 15 - LocalStorage俗話說的好，一天一蘋果，醫生遠離我 一天一 JS，What the f*ck JavaScript？ small steps every day - 記錄著新手村日記 完成目標 localStorage event delegation 功能 做一個可以輸入文字的框，送出之後新增一個 Checkbox 重新整理時，選單不會清空會存進 localStorag 2019-09-30 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript
新手村14 - JS Reference VS Copy 14 - JS Reference VS Copy俗話說的好，一天一蘋果，醫生遠離我 一天一 JS，What the f*ck JavaScript？ small steps every day - 記錄著新手村日記 完成目標今天來做 JavaScript reference 與 copy 了解 JavaScript 是怎麼運作的 就依下面的題目一題一題做吧！(我也看不懂如何分題目… index_ 2019-09-29 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript
新手村13 - Slide in on Scroll 13 - Slide in on Scroll俗話說的好，一天一蘋果，醫生遠離我 一天一 JS，What the f*ck JavaScript？ small steps every day - 記錄著新手村日記 完成目標 功能 捲到特定位置會載入特定圖片 畫面 進入畫面時，左邊的圖從左邊滑入，右邊的圖從右邊滑入 離開畫面時，左邊的圖從左邊滑出，右邊的圖從右邊滑出 滑入同時，要從透明漸漸出現 2019-09-28 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript
新手村12 - Key Sequence Detection 12 - Key Sequence Detection俗話說的好，一天一蘋果，醫生遠離我 一天一 JS，What the f*ck JavaScript？ small steps every day - 記錄著新手村日記 完成目標 做一個打密碼出現彩蛋的功能，像是以前打遊戲的密技（WWSSAADD） 呼叫以下網站的圖樣：http://www.cornify.com/js/cornify.js 2019-09-27 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript
新手村11 - Custom Video Player 11 - Custom Video Player俗話說的好，一天一蘋果，醫生遠離我 一天一 JS，What the f*ck JavaScript？ small steps every day - 記錄著新手村日記 完成目標 功能 和預設介面相同的功能 play、pause、跳到指定時間、音量調整、播放速度、往前10秒、往後5秒 畫面 縮起來剩下進度條 Hover整個出現 index 2019-09-26 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript
新手村10 - Hold Shift and Check Checkboxes 10 - Hold Shift and Check Checkboxes俗話說的好，一天一蘋果，醫生遠離我 一天一 JS，What the f*ck JavaScript？ small steps every day - 記錄著新手村日記 完成目標 功能 對其中一個 checkbox 打勾，再按住 shift 對另一個打勾，中間的選項會自動勾起來 畫面 滑鼠點 checkbox要打勾，再點擊則 2019-09-25 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript