iT邦幫忙

前端新手村相關文章
共有 275 則文章
鐵人賽 Modern Web DAY 20

技術 非同步處理 Ⅱ (Async / Await)

Async / Await 是 ECMAScript 8 ( ES2017 ) 引入的一個功能,它是建立在 Promise 之上的語法糖,允許我們使用 asyn...

技術 [快速入門前端 17] CSS 選擇器 (7) 選擇器總結

基本選擇器 選擇器 說明 語法 通配符 作用範圍為所有標籤,用於頁面整體樣式 * { color: red } 元素 作用於同種標籤,不能進行...

鐵人賽 自我挑戰組 DAY 30

技術 Day 30 JavaScript < 簡易數據類型介紹 & End>

1. 數據類型簡介 1-1 為什麼需要數據類型 在電腦中,不同的數據所需佔用的空間是不同的,為了方便把數據分成所需內存大小不同的數據,充分利用儲存空間,於是定...

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

技術 鉄人28号FX 鉄人22号「速記豹」font properties

★ 地圖雷奧鎮近郊處 ↓↓↓ 顯示雷奧鎮位置圖 就在那了!! ( 抬頭一看 ) 只要再往東走,就能順利到達城鎮~~ :站住!! 近郊衛士 [速記豹]: 此為進入...

鐵人賽 自我挑戰組 DAY 6

技術 新手村06 - Type Ahead

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

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

技術 Day21: LocalStorage(ㄧ)

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

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

技術 Day26: Follow Along Links

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

技術 [快速入門前端 27] Overflow 和 Visibility

Overflow 溢出 CSS 的 overflow 屬性通常用於指定元素內容超過該元素範圍大小時的呈現方式,例如文字內容超過其父元素的寬度、圖片超過預設區域的...

技術 [快速入門前端 42] JavaScript:運算式和運算子 (3) 三元運算子與運算子的優先性

運算子 三元運算子 三元運算子又稱為條件運算子,語法為 條件 ? 語句1 : 語句2,意即在條件為 true 時會執行語句1,false 則執行語句2,下面讓我...

技術 [快速入門前端 48] JavaScript:迴圈 (3) 雙重迴圈

雙重迴圈 雙重迴圈,又被稱為「巢狀迴圈」意思是兩個 for 迴圈嵌套在一起,成為一個 for 迴圈中又有另一個 for 迴圈的架構。 for (外層初始化變數;...

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

技術 Day23: Mouse Move Shadow

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

技術 鼠年全馬鐵人挑戰 WEEK 22: JavaScript 判斷式 - if...else / switch

小明崩潰問道:難道奶奶、你和我都是程式所構成的嗎?此時大家陷入沉默,不發一語黑衣人打破沉默:如果你想知道這世界的真相,就問問真理吧!在真理的世界只有 true...

技術 [快速入門前端 58] JavaScript:常見的內建函式 (2) Number 和 String 相關

Number 相關 在 JavaScript 的構造函數 Number 中包括許多處理和判斷數值的方法,有些我們之前有提過,例如 isNaN()、isInteg...

技術 [快速入門前端 65] JavaScript:事件 (1) 事件和綁定方法

事件 Event 事件(event) 是指在網頁上的動作或者發生的事情,可以是瀏覽器的行爲,例如頁面加載完成,也可以是用戶的行為,例如點選按鈕、頁籤等動作。當網...

技術 [快速入門前端 44] JavaScript:條件判斷 (1) if-else 語句

if-else 在 if-else 條件判斷中,又依結構分為 if、if-else、和 if-elseif-else。 if 語句 if 語句在執行中,會先對括...

技術 [快速入門前端 16] CSS 選擇器 (6) 偽元素選擇器

偽元素 偽元素,指的是元素中一些特殊的位置,因為他不是一個真正的元素,所以被稱為偽元素。偽元素在選擇器中的寫法為 ::偽元素,下面就讓我們來介紹常見的偽元素吧!...

技術 [快速入門前端 40] JavaScript:運算式和運算子 (1) 算數運算子和一元運算子

陳述式 (Statement) 和運算式 (Expression) JavaScript 中的語法主要可以分為兩大類,陳述式 (Statement) 和表達式...

技術 [快速入門前端 62] JavaScript:DOM (4) 修改元素的屬性值

修改元素屬性值 既然在上一篇中我們已經可以拿到元素的屬性值了,那下一步就是如何修改它!讓我們能夠使用 JavaScript 動態的修改元素的 checked、d...

鐵人賽 Modern Web DAY 24
33歲轉職者的前端筆記 系列 第 24

技術 33歲轉職者的前端筆記-DAY 24 jQuery DOM 節點

jQuery 與 DOM 節點 .parent() / .parents() 往上層找到符合條件的元素,parent() 只往⾃⼰上⼀層找,⽽ parents...

鐵人賽 自我挑戰組 DAY 3
小白網頁設計練成記 系列 第 3

技術 小白網頁設計練成記-DAY3-淺談HTML 元素

HTML裡面的文檔都是由元素定義的,每個元素的組合和串聯就形成一個網頁的結構,舉例來說:&lt;P&gt;&lt;/p&gt;代表&quot;段落&quot;,...

鐵人賽 Modern Web DAY 19

技術 非同步處理 Ⅰ (Promise)

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

鐵人賽 自我挑戰組 DAY 23

技術 新手村23 - Speech Synthesis

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

技術 [快速入門前端 15] CSS 選擇器 (5) Pseudo-Classes 偽類 - UI狀態偽類、否定偽類、目標偽類、語言偽類

UI 元素狀態偽類 是指依照該元素目前的狀態(如是否勾選、是否被禁用)作為選擇器進行選擇,主要分為三種 :checked、:disabled 及 ':enabl...

鐵人賽 自我挑戰組 DAY 15

技術 新手村15 - LocalStorage

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

鐵人賽 自我挑戰組 DAY 18

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

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

鐵人賽 Modern Web DAY 16

技術 函式與 This 指向 (Function & This)

在前面幾個章節中,應該或多或少都有看到函式在 TypeScript 中的寫法,它比 JavaScript 多了參數和返回值的型別設定,我們看一下函式基本的宣告方...

技術 [快速入門前端 24] CSS 常見屬性(4) 背景和滑鼠動態屬性

背景 我們之前介紹 CSS 顏色時有說過 background-color 可以指定元素的背景顏色,但其實在背景中除了顏色外我們還能做更多變化,下面就讓我們花點...

鐵人賽 自我挑戰組 DAY 24

技術 新手村24 - Sticky Nav

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

鐵人賽 自我挑戰組 DAY 13

技術 新手村13 - Slide in on Scroll

13 - Slide in on Scroll 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small...

鐵人賽 自我挑戰組 DAY 29

技術 Day 29 JavaScript < 書寫方式>

JavaScript書寫方式與CSS相似,分為行內書寫,內嵌書寫以及外部書寫 1.行內書寫 &lt;input type=&quot;button&quot;...