iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1043 瀏覽

鐵人賽 Modern Web DAY 5

用不到 30 天學會基本 TypeScript 系列第 5 篇

技術基本數據型別 (number、string、boolean) + 聯合類型、交叉類型

TypeScript 的型別大致分為下圖幾項，威爾豬會在之後章節陸續講，今天我們先談談最基本的三種數據型別。在 TypeScript 中，基本型別註解都是以...

威爾豬 ‧ 2023-09-05

0 Like 0 留言 1039 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 18: JavaScript 變數型別

變數變數命名規則變數可以由字母數字下劃線和美元符號($)組成變數必須以字母開頭變數也能以 $ 和 _ 符號開頭變數名稱對大小寫敏感（a 和 A 是不...

jason06286 ‧ 2020-06-12

1 Like 0 留言 1029 瀏覽

鐵人賽 Modern Web DAY 6

實作經典 JavaScript 30 系列第 6 篇

技術 Day06: 針對陣列的操作練習(二)

WES BOS系列影片Alex快速導讀系列影片做完基礎陣列練習後，來做些進階的練習進階練習目標 :6.Sort the inventors by years...

喬依司 ‧ 2020-09-14 ‧團隊自討苦吃三十天#像極了愛情

1 Like 0 留言 1029 瀏覽

技術 [快速入門前端 32] 進階樣式屬性 (2)：文字樣式和 2D Transform

文字空白及溢出樣式 White Space 屬性名：white-space (指定如何處理文字中的空白)屬性值：normal (預設)、pre (格式與文本完全...

Doris ‧ 2023-06-21

2 Like 0 留言 1023 瀏覽

鐵人賽 Modern Web DAY 29

鉄人28号FX 系列第 29 篇

技術鉄人28号FX　鉄人29号「雲端蛇」WebFont, IconFont

★ 地圖雷奧鎮山神廟 ↓↓↓ 顯示雷奧鎮廟口位置圖請問？您就是？ (找你半個月。很會躲是不是！) 雷奧鎮廟口 [鎮長]：你終於順利走到這，在這趟漫漫旅程中，...

letter liu ‧ 2019-10-14 ‧團隊好想工作室 v3.0

3 Like 0 留言 1021 瀏覽

技術 [快速入門前端 20] CSS：長度單位與顏色

CSS 長度單位在生活中我們有許多用於表示大小的單位，例如公里、公尺等，那在網頁中我們又要如何指定元素或文字的大小呢？其實在網頁開發中也有許多長度單位，主要分...

Doris ‧ 2023-05-24

2 Like 0 留言 1018 瀏覽

鐵人賽 Modern Web DAY 16

實作經典 JavaScript 30 系列第 16 篇

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

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

喬依司 ‧ 2020-09-24 ‧團隊自討苦吃三十天#像極了愛情

1 Like 0 留言 1012 瀏覽

技術 [快速入門前端 34] 進階樣式屬性 (4)：Animation 動畫

Animation 動畫前面我們講完了 transition，這邊來講一個進階的概念 —— Animation (動畫)，在前面轉場效果中，主要是設定因事件觸...

Doris ‧ 2023-06-27

0 Like 0 留言 1007 瀏覽

鐵人賽自我挑戰組 DAY 21

從零開始前端學習(HTML、CSS、JavaScript) 系列第 21 篇

技術 Day 21 HTML5 <HTML5 多媒體標籤>

多媒體標籤可以很方便的在頁面中嵌入音頻和視頻，而不用去使用flash和其他瀏覽器的插件，多媒體標籤主要分為視頻標籤、音頻標籤 1.視頻標籤 <video&...

a0265392_lin ‧ 2021-10-01

2 Like 1 留言 1006 瀏覽

鐵人賽 Modern Web DAY 3

實作經典 JavaScript 30 系列第 3 篇

技術 Day03:來做個鍵盤鼓手(二)

接續第一天的練習，我們成功加上了樣式，卻沒有移除它。開始來想辦法在我們不需要這個樣式時，將它移除 JS的監聽器也是可以監聽元素的變化，這時我們監聽的動作會是 '...

喬依司 ‧ 2020-09-11 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 1005 瀏覽

鐵人賽自我挑戰組 DAY 9

從零開始前端學習筆記(HTML、CSS、JavaScript) 系列第 9 篇

技術 Day 09 CSS <背景屬性>

CSS背景屬性可以給頁面元素添加背景樣式背景屬性可設置背景顏色、背景圖片、背景平舖、背景圖片位置、圖像固定等等 1.背景顏色background-color屬...

a0265392 ‧ 2021-09-09

0 Like 0 留言 997 瀏覽

鐵人賽自我挑戰組 DAY 28

新手村－30 Day JS Coding Challenge 系列第 28 篇

技術新手村28 - Video Speed Controller

28 - Video Speed Controller 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ s...

Chester ‧ 2019-10-13

1 Like 0 留言 997 瀏覽

技術 [快速入門前端 11] CSS 選擇器 (2) 複合選擇器 — 交集和併集

複合選擇器複合選擇器是指由兩個或多個基礎選擇器組合而成的選擇器，複合選擇器的種類很多，常見的有子選擇器、併集選擇器、偽類等等，那接下來就讓我們一一介紹這些選擇...

Doris ‧ 2023-05-16

1 Like 0 留言 985 瀏覽

技術 [快速入門前端 7] 內嵌框架 (Inline Frame) 和特殊實體 (Entity)

Inline Frame (內嵌框架) 內嵌框架是指在我們的 HTML 頁面中嵌入另一個檔案，例如 HTML 頁面、圖片、影片等都可以被嵌入在網頁中。嵌入的標籤...

Doris ‧ 2023-05-12

0 Like 0 留言 980 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 20: JavaScript 函式 function

小明是某雜貨店的員工，有天店裡來了位客人，身著國民品牌uniqlo黑色的短T，下著百搭卡其褲，腳採萬年不敗adidas拖鞋，走進店裡拿了一罐水、二條七七乳加巧克...

jason06286 ‧ 2020-06-27

0 Like 0 留言 980 瀏覽

鐵人賽 Modern Web DAY 20

33歲轉職者的前端筆記系列第 20 篇

技術 33歲轉職者的前端筆記-DAY 20 Javascript 基本知識筆記

寫Javascript前必要小知識 1.<!DOCTYPE html> 為 HTML 5 的語言格式2.head 是網路爬蟲爬的區塊，可以放很多資訊...

a841722 ‧ 2021-09-20

0 Like 0 留言 978 瀏覽

鐵人賽自我挑戰組 DAY 1

溫故知新 JavaScript 系列第 1 篇

技術 Day1 - 前奏

HI 大家好，我是 AWEI首次參加IT邦鐵人賽，這次想透過 30 天的時間帶大家一起來認識 JavaScript ，至於為什麼會叫溫故知新JavaScript...

AWEI ‧ 2020-09-14

1 Like 0 留言 976 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 21: JavaScript 箭頭函式 Arrow function

奶奶一臉震驚說:你...你是...黑衣人說:我這次回來是要把我畢生所學給傳授下去。小明腦中出現了很多想法，回來？畢生所學？什麼東西阿！搞得我腦子好亂！黑衣人說:...

jason06286 ‧ 2020-07-05

1 Like 0 留言 973 瀏覽

鐵人賽 Modern Web DAY 13

實作經典 JavaScript 30 系列第 13 篇

技術 Day13: 認識console

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

喬依司 ‧ 2020-09-21 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 970 瀏覽

鐵人賽自我挑戰組 DAY 7

從零開始前端學習筆記(HTML、CSS、JavaScript) 系列第 7 篇

技術 Day 07 CSS <字體屬性>

CSS Fonts(字體) 屬性用於定義字體系列、大小、粗細和文字樣式(ex:斜體) 1.字體系列font-family 屬性定義文本的字體系列 <st...

a0265392 ‧ 2021-09-07

0 Like 0 留言 959 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 15: 上上下下左左右右要怎麼解決呢？ CSS nth-child

最近切版常常遇到看似規則，但又不規則，一下偏左，一下偏右，在我還沒遇到nth-child 前，我的解決方式都是一千零一招，複製貼上各個class,每次邊貼心裡都...

jason06286 ‧ 2020-05-24

0 Like 0 留言 959 瀏覽

鐵人賽自我挑戰組 DAY 10

新手村－30 Day JS Coding Challenge 系列第 10 篇

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

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

Chester ‧ 2019-09-25

0 Like 0 留言 954 瀏覽

鐵人賽自我挑戰組 DAY 5

新手村－30 Day JS Coding Challenge 系列第 5 篇

技術新手村05 - Flex Panel Gallery

05 - Flex Panel Gallery 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ small...

Chester ‧ 2019-09-20

2 Like 0 留言 950 瀏覽

技術 [快速入門前端 26] CSS Box Model 盒子模型

Box Model Box Model 其實就是把元素比喻為我們很常見的盒子，如下圖我們可以看到主要分為四個部分：盒子中的內容物 (電腦)、電腦與盒子間的空隙...

Doris ‧ 2023-06-07

1 Like 0 留言 948 瀏覽

技術 [快速入門前端 37] JavaScript：變數和常數

變數變數是什麼在 JavaScript 中，我們會需要暫時儲存資料以便之後提供給前端的元素使用或進行邏輯運算，這時候就會需要用變數來存放這些 data。簡而...

Doris ‧ 2023-07-04

1 Like 0 留言 946 瀏覽

技術 [快速入門前端 19] CSS 三大特性：層疊性、繼承性、優先級

層疊性當元素的樣式發生衝突時，瀏覽器會根據規則(權重)進行樣式層疊(覆蓋)。樣式衝突是指某元素特同個樣式名被設為不同值，例如一個元素同時擁有 color:...

Doris ‧ 2023-05-24

2 Like 0 留言 946 瀏覽

鐵人賽 Modern Web DAY 25

實作經典 JavaScript 30 系列第 25 篇

技術 Day25: Adding Up Times With Reduce

WES BOS系列影片Alex快速導讀系列影片今天的練習會用到reduce()還有用一些數學的運算，將秒數換算成時分秒然後又複習了一下dataset的用法事不...

喬依司 ‧ 2020-10-03 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 945 瀏覽

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

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

jason06286 ‧ 2020-05-31

1 Like 0 留言 945 瀏覽

鐵人賽 Modern Web DAY 5

實作經典 JavaScript 30 系列第 5 篇

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

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

喬依司 ‧ 2020-09-13 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 939 瀏覽

鐵人賽 Modern Web DAY 18

用不到 30 天學會基本 TypeScript 系列第 18 篇

技術 null VS. undefined

null 和 undefined 代表著缺少值或未定義的狀態。儘管它們在 JavaScript 中也存在，但在 TypeScript 中，可以使用靜態型別檢查來...

威爾豬 ‧ 2023-09-18

技術 基本數據型別 (number、string、boolean) + 聯合類型、交叉類型

技術 鼠年全馬鐵人挑戰 WEEK 18: JavaScript 變數 型別