iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

前端新手的學習筆記 系列

記錄每天的學習

鐵人鍊成 | 共 32 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21:每天一個小練習 - JS30-06-Type Ahead

Alex老師的教學感覺正則表達式超複雜... 先抓取資料 const url = 'https://gist.githubusercontent.com/Mi...

2020-10-05 ‧ 由 Sesame 分享
DAY 22

Day22:每天一個小練習 - JS30-07-Array Cardio 02

Alex老師教學 練習用資料 const people = [ { name: 'Wes', year: 1988 }, { name: 'K...

2020-10-06 ‧ 由 Sesame 分享
DAY 23

Day23:每天一個小練習 - JS30-08-HTML5 Canvas

Alex老師教學 畫布效果。 先在HTML上使用<canvas>並規定範圍 <canvas id="draw" widt...

2020-10-07 ‧ 由 Sesame 分享
DAY 24

Day24:每天一個小練習 - JS30-09-Dev Tools Domination

Alex老師教學 各種console的使用方法。 加入console控制項 // 控制所有console的包裝 // 注意這個包裝內沒有包含的console類...

2020-10-08 ‧ 由 Sesame 分享
DAY 25

Day25:每天一個小練習 - JS30-10-Hold Shift and Check Checkboxes

學習資料:Alex老師教學PJCHENder筆記 鍵盤事件增強,按住shift可勾選選兩點之間的所有checkbox 抓取節點並轉為陣列 let chec...

2020-10-09 ‧ 由 Sesame 分享
DAY 26

Day26:每天一個小練習 - JS30-11-Custom Video Player

參考資料:Alex老師的教學PJCHENder筆記一起挑戰 JavaScript 30 吧! 自訂影片播放器。 如果沒有特殊的畫面要求,可以使用最簡單用法,H...

2020-10-10 ‧ 由 Sesame 分享
DAY 27

Day27:每天一個小練習 - JS30-12-Key Sequence Detection

參考資料:Alex老師教學PJCHENder 未整理筆記Day12_Key Sequence Detection 偵測按鍵序列。 先抓要放入畫面的節點 con...

2020-10-11 ‧ 由 Sesame 分享
DAY 28

Day28:每天一個小練習 - JS30-13-Slide in on Scroll

參考資料:Alex老師教學PJCHENder筆記 捲動出現圖片。 題目預設的過濾效果,避免多次觸發使效能下降 function debounce(func,...

2020-10-12 ‧ 由 Sesame 分享
DAY 29

Day29:每天一個小練習 - JS30-14-JS Reference VS Copy

參考資料:Alex老師教學JS30-Day14-JS Reference VS Copy 傳值和傳址的練習。我對這部分的概念還不算很清楚,以後還需要繼續找題目來...

2020-10-13 ‧ 由 Sesame 分享
DAY 30

Day30:每天一個小練習 - JS30-15-LocalStorage

參考資料:Alex老師的教學PJCHENder筆記JS30-Day15-LocalStorage toDoList 先抓節點 const addItems =...

2020-10-14 ‧ 由 Sesame 分享