iT邦幫忙

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

技術 新手村06 - Type Ahead

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

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

技術 Day26: Follow Along Links

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

技術 鼠年全馬鐵人挑戰 WEEK 16: CSS Animation

CSS3 中有兩個用來做動畫的屬性,一個是 Transition,另一個是 Animation。 Animation 起手式 div{ animati...

鐵人賽 自我挑戰組 DAY 15

技術 新手村15 - LocalStorage

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

鐵人賽 Modern Web DAY 19

技術 非同步處理 Ⅰ (Promise)

在說明 Promise 前,首先我們要知道為什麼需要有 Promise。我們知道 setTimeout() 是屬於非同步的一種,如果我們需要第一個執行完成後才執...

鐵人賽 Modern Web DAY 22

技術 類別 ( Classes )

在 React v16.8 之前,React 需要使用 Class 來撰寫,這也讓很多人怯步,但從 React v16.8 推出了 React Hooks 後...

技術 [快速入門前端 47] JavaScript:迴圈 (2) for 和 while 比較

for 和 while 其實 for 和 while 最大的差異在於「是否知道要跑幾次」,在寫 for 迴圈時,我們必須在一開始就設定好條件和變數變化;而 wh...

技術 [快速入門前端 67] JavaScript:事件 (3) 事件傳遞的階段

事件傳遞 當我們同時為父元素和子元素綁定相同事件時可能會發現子元素事件被觸發時,父元素同時也會被觸發。如下範例,div 和 button 都綁定了 click...

鐵人賽 自我挑戰組 DAY 6

技術 Day 06 CSS <複合選擇器>

CSS的選擇器分為基礎選擇器以及複合選擇器本日將將繼續說明複合選擇器 複合選擇器可以更準確更高效的選擇元素(標籤) 是由兩個或多個基礎選擇器透過不同方式組合而...

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

技術 Day24: Sort Without Articles

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

鐵人賽 自我挑戰組 DAY 14

技術 新手村14 - JS Reference VS Copy

14 - JS Reference VS Copy 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? sma...

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

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

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

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

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

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

鐵人賽 自我挑戰組 DAY 18

技術 新手村18 - Adding Up Times with Reduce

18 - Adding Up Times with Reduce 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScri...

鐵人賽 自我挑戰組 DAY 24

技術 新手村24 - Sticky Nav

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

鐵人賽 自我挑戰組 DAY 11

技術 Day11- 使用SetProperty 自定義你的 CSS 變數

幫我優化語句嗨大家好,我是Eric!今天我們來談談如何在HTML、CSS和JavaScript中使用自定義CSS屬性(CSS Variables)。這是一個實用...

技術 [快速入門前端 49] JavaScript:迴圈 (4) break 和 continue

break 和 continue break break (中斷),是用來控制迴圈或 switch 的控制語法,會中斷並跳出整個迴圈或 switch 區塊。在迴...

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

技術 Day30: 完賽心得

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

鐵人賽 自我挑戰組 DAY 9

技術 新手村09 - Dev Tools Domination

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

鐵人賽 自我挑戰組 DAY 10

技術 Day 10 CSS <元素顯示模式>

1. 什麼是元素顯示模式 元素顯示模式就是元素(標籤)以什麼方式進行顯示 作用 : 網頁的標籤非常多,了解他們的特點可以更方便的布局網頁 ex : &lt;di...

技術 鼠年全馬鐵人挑戰 WEEK 23: JavaScript 陣列處理方法

小明自從開啟了真理之門,就不斷思考著何謂「一為全,全為一」?此時小明走著走著撿到了一本寶典 --- JavaScript 語法大全 ---裡面寫著這麼一段話:...

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

技術 Day22: LocalStorage(二)

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

技術 背包系統詳解

//裝備藥水:實現藥水單向(若裝備欄內沒藥水可直接裝備)、雙向置換(若裝備欄內已經有藥水,直接點擊新藥水會進行置換), var x = document.ge...

鐵人賽 自我挑戰組 DAY 6

技術 【2023 挑戰賽 Day11】找工作囉!當自己的經紀人吧~(3)投履歷之怎麼選平台?

模擬面試做完了,可以開始投履歷了!今天要討論的是我 2023/8 開始在不同求職平台上投履歷找 jr 前端工程師工作的心得。 數字、cake 兜幾? 這段要談...

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

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

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

技術 鼠年全馬鐵人挑戰 WEEK 19: JavaScript 運算子 運算式

以前數學課有個直線方成式y=ax+b,想必大家都不陌生吧!=、*、+,我們稱為運算子,而y=ax+b,就稱為運算式。 JavaScript 有以下常用的運算子...

鐵人賽 Modern Web DAY 4

技術 # 前端角度的系統架構圖(二)

前一篇文章中,我們提到了工具和劃分區域。本篇文章將延續前篇內容,從Angular的角度手把手繼續繪製系統架構圖。 製作第一份系統架構圖(前端角度) 3. 從前...

鐵人賽 自我挑戰組 DAY 22

技術 新手村22 - Follow Along Link Highlighter

22 - Follow Along Link Highlighter 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaSc...

鐵人賽 自我挑戰組 DAY 17

技術 新手村17 - Sort Without Articles

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

鐵人賽 自我挑戰組 DAY 1

技術 【2023 挑戰賽 Day1】 #JS try...catch 例外處理機制

哈囉大家!我是 Wendy,一個剛轉職的前端菜鳥,這是我第一次在 iThome 發文,也是參加鐵人賽的第一天,我好興奮啊~ 以下這個系列將整理出我從接近 20...