iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

利用JS30逼自己30天完成的筆記 系列

利用工程師Wes Bos所建立一系列課程,讓自己更加熟練JS的觀念,希望除了自己以外,也能讓其他人看得懂。

參賽天數 25 天 | 共 25 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 11

[Day 11] Custom Video Player

const player = document.querySelector('.player'); const video = player.querySel...

2022-09-25 ‧ 由 耀耀 分享
DAY 12

[Day 12 ] Key Sequence Detection

<script> const pressed = []; const secretCode = 'wesbos'; window.addEvent...

2022-09-26 ‧ 由 耀耀 分享
DAY 13

[Day 13] Slide in on Scroll

<script> function debounce(func, wait = 20, immediate = true) { var...

2022-09-27 ‧ 由 耀耀 分享
DAY 14

[Day 14]14 JavaScript References VS Copying

<script> // start with strings, numbers and booleans // let age =...

2022-09-28 ‧ 由 耀耀 分享
DAY 15

[Day 15] LocalStorage

<script> const addItems = document.querySelector('.add-items'); const...

2022-09-29 ‧ 由 耀耀 分享
DAY 16

[Day 16] Mouse Move Shadow

<style> html { color: black; font-family: sans-serif; } bod...

2022-09-30 ‧ 由 耀耀 分享
DAY 17

[Day 17] Sort Without Articles

const bands = ['The Plot in You', 'The Devil Wears Prada', 'Pierce the Veil', 'N...

2022-10-01 ‧ 由 耀耀 分享
DAY 18

[Day 18] Adding Up Times with Reduce

<script> const timeNodes = Array.from(document.querySelectorAll('[data-...

2022-10-02 ‧ 由 耀耀 分享
DAY 19

[Day 19] Webcam Fun

const video = document.querySelector('.player'); const canvas = document.querySe...

2022-10-03 ‧ 由 耀耀 分享
DAY 20

[Day 20] Speech Detection

<style> html { font-size: 10px; } body { backgrou...

2022-10-04 ‧ 由 耀耀 分享