iT邦幫忙

前端新手村相關文章
共有 116 則文章
鐵人賽 自我挑戰組 DAY 9

技術 新手村09 - Dev Tools Domination

09 - Dev Tools Domination 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? sma...

鐵人賽 Modern Web DAY 23
實作經典 JavaScript 30 系列 第 23

技術 Day23: Mouse Move Shadow

WES BOS系列影片 Alex快速導讀系列影片 今天的練習重點是抓取DOM容器的座標與mousemove事件 我們要做一個文字陰影與滑鼠互動的效果 要做出這個...

鐵人賽 Modern Web DAY 24
實作經典 JavaScript 30 系列 第 24

技術 Day24: Sort Without Articles

WES BOS系列影片 Alex快速導讀系列影片 ​ 今天要結合正規表達式跟sort()來做排序的功能 作者這邊假設了一個情境 就是我們拿到了一串樂團的清單,...

鐵人賽 Modern Web DAY 22
實作經典 JavaScript 30 系列 第 22

技術 Day22: LocalStorage(二)

我們就必須使用LocalStorage 來讓瀏覽器記住剛才輸入的資料 紀錄完成後,同時將表單的回復成未輸入的狀態 localStorage.setItem('i...

鐵人賽 自我挑戰組 DAY 23

技術 新手村23 - Speech Synthesis

23 - Speech Synthesis 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small s...

鐵人賽 自我挑戰組 DAY 6

技術 新手村06 - Type Ahead

06 - Type Ahead 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small steps e...

鐵人賽 Modern Web DAY 28
鉄人28号FX 系列 第 28

技術 鉄人28号FX 鉄人28号「渲染俠」font-display, font-synthesis

★ 地圖雷奧鎮某街上 ↓↓↓ 傳送卷軸,建議先向 鉄人27号「格式鬼」探索運作原理,此為雷奧鎮進階續文。 顯示雷奧鎮轉角位置圖 抱歉? 我想打聽一個人, 請問鎮...

鐵人賽 自我挑戰組 DAY 17

技術 新手村17 - Sort Without Articles

17 - Sort Without Articles 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? sm...

鐵人賽 Modern Web DAY 21
實作經典 JavaScript 30 系列 第 21

技術 Day21: LocalStorage(ㄧ)

WES BOS系列影片 Alex快速導讀系列影片 今天要來認識 LocalStorage 看不太懂的話,這裡也有一篇我覺得寫得很好理解的筆記可以參考 local...

鐵人賽 自我挑戰組 DAY 7

技術 新手村07 - Array Cardio Day 2

07 - Array Cardio Day 2 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small...

鐵人賽 自我挑戰組 DAY 10

技術 新手村10 - Hold Shift and Check Checkboxes

10 - Hold Shift and Check Checkboxes 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck Java...

鐵人賽 Modern Web DAY 5
實作經典 JavaScript 30 系列 第 5

技術 Day05: 針對陣列的操作練習(一)

WES BOS系列影片 Alex快速導讀系列影片 開始前建議可以先讀這篇卡斯伯的大補帖 https://wcc723.github.io/javascript/...

鐵人賽 Modern Web DAY 13
實作經典 JavaScript 30 系列 第 13

技術 Day13: 認識console

WES BOS系列影片 Alex快速導讀系列影片 今天比較輕鬆,作者帶我們深入了解console的一些使用方法, 記錄下來,也許那天突然就會用到也不一定。 作者...

鐵人賽 Modern Web DAY 16
實作經典 JavaScript 30 系列 第 16

技術 Day16: 自製的影片撥放器(二)

今天首先要控制音量大小與調整播放速度 1.先設定會使用到的函式名稱 function handleRangeUpdate() { console.log(t...

鐵人賽 Modern Web DAY 12
實作經典 JavaScript 30 系列 第 12

技術 Day12: 在Canvas畫布上,用滑鼠畫畫(二)

今天可以再來玩一些Canvas的功能 1.更改畫筆的顏色,讓畫筆畫出彩虹的顏色 這邊是使用HSL色彩概念, HSL即色相、飽和度、亮度(hue,Saturati...

鐵人賽 Modern Web DAY 10
實作經典 JavaScript 30 系列 第 10

技術 Day10: 針對陣列的操作練習(三)

WES BOS系列影片 Alex快速導讀系列影片 開始前一樣可以先讀這篇卡斯伯的大補帖 https://wcc723.github.io/javascript/...

鐵人賽 自我挑戰組 DAY 16

技術 新手村16 - Mouse Move Shadow

16 - Mouse Move Shadow 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small...

鐵人賽 Modern Web DAY 19
實作經典 JavaScript 30 系列 第 19

技術 Day19: JS中引用與複製的差異(一)

WES BOS系列影片 Alex快速導讀系列影片 最一開始可以先試試看這兩段程式碼 let age = 100; let age2 = age; console...

鐵人賽 Modern Web DAY 20
實作經典 JavaScript 30 系列 第 20

技術 Day20: JS中引用與複製的差異(二)

今天針對物件來看引用與複製的差異 先創造一個簡單的物件 const person = { name: 'Wes Bos', age: 80 }; 再製...

鐵人賽 Modern Web DAY 27
實作經典 JavaScript 30 系列 第 27

技術 Day27:Speech Synthesis

WES BOS系列影片 Alex快速導讀系列影片 今天來認識 Web Speech API中的兩個功能 一個是 SpeechSynthesisUtterance...

鐵人賽 自我挑戰組 DAY 25

技術 新手村25 - Event Capture, Propagation, Bubbling and Once

25 - Event Capture, Propagation, Bubbling and Once 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What...

鐵人賽 自我挑戰組 DAY 21

技術 新手村21 - Geolocation

21 - Geolocation 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small steps...

鐵人賽 Modern Web DAY 30
實作經典 JavaScript 30 系列 第 30

技術 Day30: 完賽心得

第30天,不免俗要來寫個完賽心得 雖然javascript-30還差個幾天,才能把全部的實例都做完 但還是要給自己拍拍手,利用這30天養成了一個好習慣 而且真的...

鐵人賽 Modern Web DAY 26
實作經典 JavaScript 30 系列 第 26

技術 Day26: Follow Along Links

WES BOS系列影片 Alex快速導讀系列影片 ​ 今天的練習是用js控制滑鼠游標, 當滑鼠游標到達當前的連結時, 我們使用一個新的方法 getBoundin...

鐵人賽 自我挑戰組 DAY 20

技術 新手村20 - Speech Detection

20 - Speech Detection 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small s...

鐵人賽 Modern Web DAY 29
實作經典 JavaScript 30 系列 第 29

技術 Day29: Event Capture, Propagation, Bubbling and Once

WES BOS系列影片 Alex快速導讀系列影片 今天比較偏觀念的講解 主要是希望能較深入理解addEventListener() 學習DOM的事件機制,包括事...