Published onJuly 19, 2021Day26: Stripe Follow Along NavJavaScript30tech如何使用 JavaScript 和 CSS 來實現跟隨滑鼠移動的導航欄效果。
Published onJuly 18, 2021Day25: Event Capture, Propagation, Bubbling and OnceJavaScript30tech如何使用 JavaScript 來理解事件捕獲、傳播、冒泡和一次性事件。
Published onJuly 16, 2021Day23: Speech SynthesisJavaScript30tech如何使用 JavaScript 和 Web Speech API 來實現語音合成功能。
Published onJuly 15, 2021Day22: Follow Along Link HighlighterJavaScript30tech如何使用 JavaScript 和 CSS 來實現跟隨滑鼠移動的連結高亮效果。
Published onJuly 14, 2021Day21: GeolocationJavaScript30tech如何使用 JavaScript 和 Geolocation API 來實現地理定位功能。
Published onJuly 13, 2021Day20: Speech DetectionJavaScript30tech如何使用 JavaScript 和 Web Speech API 來實現語音識別功能。
Published onJuly 12, 2021Day19: Webcam FunJavaScript30tech如何使用 JavaScript 和 HTML5 的 getUserMedia API 來實現網頁攝影功能。
Published onJuly 11, 2021Day18: Adding Up Times with ReduceJavaScript30tech如何使用 JavaScript 的 reduce 方法來計算影片總時長。
Published onJuly 8, 2021Day14: JS Reference VS CopyJavaScript30techJavaScript 中引用與複製的差異,並提供了多種複製陣列和物件的方法。
Published onJuly 3, 2021Day11: Custom Video PlayerJavaScript30tech客製化player播放器,功能包含播放、暫停、音量、速度、快進、快退、全螢幕。
Published onJuly 1, 2021Day10: Hold Shift and Check CheckboxesJavaScript30tech按住 Shift 鍵對多個 checkbox 進行勾選。
Published onJune 25, 2021Day7: Array Cardio Day 2JavaScript30tech練習 array 第二波, 包含 some、 every、 find、 findIndex、slice
Published onJune 19, 2021Day4: Array Cardio 1 💪JavaScript30tech練習 array 的應用,包含 filter 、 map 、 sort 、 reduce
Published onJune 17, 2021Day3: CSS VariablesJavaScript30tech使用 JavaScript 及 CSS3 去調整圖片的邊框間距、模糊度、及背景顏色,標題 JS 也隨著背景顏色而改變。
Published onJune 13, 2021Day1: 挑戰 JavaScript 30 JavaScript30tech自從疫情警戒第三級後 ,待在家除了作息不正常外,也沒做什麼營養的事 (大概就一直看劇滑手機)。最近終於覺得這樣下去不行,開始實施了「10 億早晨習慣」