iT邦幫忙

小北相關文章
共有 8 則文章
鐵人賽 自我挑戰組 DAY 3
JavaScript 30 挑戰日誌 系列 第 3

技術 Day 03:操控 CSS 變數

作品 Demo 連結: 傳送門 作品目標:透過 input 調整 CSS 變數、重新渲染畫面難易度:★★☆☆☆ HTML <h2>Update...

鐵人賽 自我挑戰組 DAY 7
JavaScript 30 挑戰日誌 系列 第 8

技術 Day 08:製作 Canvas 繪圖板!

作品 Demo 連結: 傳送門 作品目標:製作出繪圖板、並且筆觸粗細+顏色會隨時間改變!難易度:★★★☆☆ 前言 沒錯... 我的鐵人賽在第 7 天斷了!...

鐵人賽 自我挑戰組 DAY 2
JavaScript 30 挑戰日誌 系列 第 2

技術 Day 02:時鐘

作品 Demo 連結: 傳送門 作品目標:取得現在時間,並動態顯示在畫面之中難易度:★☆☆☆☆ HTML <div class="clock...

鐵人賽 自我挑戰組 DAY 1
JavaScript 30 挑戰日誌 系列 第 1

技術 Day 01:鍵盤鼓組

前言 進入前端這個變化多端的異世界也已一年半,每每拿著新手 jQuery 雙手劍砍怪總覺得特別的笨重;這時候就特別需要獲得 原生 JavaScript 的 效能...

鐵人賽 自我挑戰組 DAY 4
JavaScript 30 挑戰日誌 系列 第 4

技術 Day 04:陣列習題 (1)

作品 Demo 連結: 傳送門(請按下 F12 開啟開發者工具並進入 Console 頁籤) 作品目標:使用本身提供的陣列,透過 JavaScript Co...

鐵人賽 自我挑戰組 DAY 6
JavaScript 30 挑戰日誌 系列 第 6

技術 Day 06:搜尋地區名稱

作品 Demo 連結: 傳送門 作品目標:輸入關鍵字會自動過濾出相關地區名稱,並且 hightlight 我們所輸入的文字難易度:★★★☆☆ HTML &l...

鐵人賽 自我挑戰組 DAY 7
JavaScript 30 挑戰日誌 系列 第 7

技術 Day 07:陣列習題 (2)

作品 Demo 連結: 傳送門(請按下 F12 開啟開發者工具並進入 Console 頁籤) 作品目標:使用本身提供的陣列,透過 JavaScript Co...

鐵人賽 自我挑戰組 DAY 5
JavaScript 30 挑戰日誌 系列 第 5

技術 Day 05:使用 class 控制 flex

作品 Demo 連結: 傳送門 作品目標:點選畫面欄位會動畫式展開,並有文字向中心靠齊難易度:★☆☆☆☆ HTML <div class="...