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

1 Like 0 留言 1410 瀏覽

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

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

jason06286 ‧ 2020-07-06

0 Like 0 留言 1406 瀏覽

技術 [快速入門前端 46] JavaScript：迴圈 (1) for 、while、do while 簡介

迴圈迴圈 (Loop)，是指在符合條件下重複執行某區塊內的程式直到條件結束 (為 true)主要分為 while、do while 和 for 三種類型，下面...

Doris ‧ 2023-07-18

0 Like 0 留言 1401 瀏覽

鐵人賽 Modern Web DAY 23

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

技術類別封裝 ( Class Encapsulation )

類別封裝是一種將類別的內部細節隱藏起來，確保類別的屬性和方法在外部程式碼中不被隨意訪問，提高程式碼的可維護性和可讀性，同時提供了一定程度的安全性。存取修飾符...

威爾豬 ‧ 2023-09-23

0 Like 1 留言 1383 瀏覽

技術 [快速入門前端 66] JavaScript：事件 (2) Event 和事件解綁

event 是什麼在這邊這個 event 指的不是事件本身，而是 event listener 的一個「Event Object」，裡面會有所有關於這個事件的...

Doris ‧ 2023-08-22

1 Like 2 留言 1381 瀏覽

鐵人賽自我挑戰組 DAY 30

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

技術新手村30 - Whack A Mole

30 - Whack A Mole 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ small steps...

Chester ‧ 2019-10-15

2 Like 0 留言 1380 瀏覽

鐵人賽 Modern Web DAY 25

實作經典 JavaScript 30 系列第 25 篇

技術 Day25: Adding Up Times With Reduce

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

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

0 Like 0 留言 1379 瀏覽

鐵人賽自我挑戰組 DAY 3

小白網頁設計練成記系列第 3 篇

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

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

Eric ‧ 2022-09-03

0 Like 0 留言 1378 瀏覽

鐵人賽自我挑戰組 DAY 1

溫故知新 JavaScript 系列第 1 篇

技術 Day1 - 前奏

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

AWEI ‧ 2020-09-14

0 Like 0 留言 1378 瀏覽

鐵人賽自我挑戰組 DAY 10

JavaScript 是什麼？可以吃嗎？系列第 10 篇

技術 Day10 - ES6 Set 實作聯集、交集和差集

嗨大家好，我是Eric ~今天我們來談談一個非常實用的主題：如何用 JavaScript 實作集合的基本操作。集合是數學中的一個基本概念，也在程式設計中扮演著重...

Eric ‧ 2023-09-10

0 Like 0 留言 1376 瀏覽

鐵人賽自我挑戰組 DAY 13

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

技術新手村13 - Slide in on Scroll

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

Chester ‧ 2019-09-28

0 Like 0 留言 1373 瀏覽

鐵人賽自我挑戰組 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

0 Like 0 留言 1362 瀏覽

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

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

jason06286 ‧ 2020-06-27

1 Like 0 留言 1349 瀏覽

技術 [快速入門前端 56] JavaScript：Array 陣列 (3) 常見陣列操作方法

常見操作方法在上篇陣列相關文章中我們已經大致了解簡單的操作方法，但其實在 JavaScript 陣列中還有更多元的方法可以使用，不過有些牽涉到 Funct...

Doris ‧ 2023-08-07

2 Like 0 留言 1348 瀏覽

鐵人賽 Modern Web DAY 21

實作經典 JavaScript 30 系列第 21 篇

技術 Day21: LocalStorage(ㄧ)

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

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

0 Like 0 留言 1347 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 void VS. never

在上一個章節中，我們知道如果函式沒有返回值的話，可以使用 void 型別，今天我們來比較 void 和 never 的不同的情境和用途，雖然它們看起來相似，但它...

威爾豬 ‧ 2023-09-17

0 Like 0 留言 1331 瀏覽

鐵人賽自我挑戰組 DAY 4

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

技術 Day 04 HTML<表單標籤>

表單標籤主要功用是用來收集使用者資料常用情況 : 註冊頁面... 主要由表單域、表單元素、提示文字這三種內容組成以MOMO註冊頁面為範例: 1.表單域...

a0265392 ‧ 2021-09-04

0 Like 0 留言 1331 瀏覽

鐵人賽自我挑戰組 DAY 8

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

技術 Day 08 CSS <文本屬性>

CSS Text 屬性可定義文本的外觀例如 : 文本的顏色、對齊文本、裝飾文本、文本縮進、行間距 1.文本顏色 color用於定義文本的顏色 div{ col...

a0265392 ‧ 2021-09-08

0 Like 0 留言 1327 瀏覽

鐵人賽自我挑戰組 DAY 2

小白網頁設計練成記系列第 2 篇

技術小白網頁設計練成記-DAY2-HTML介绍

HTML 又名超文本標記語言(Hyper Text Markup Languge)不是一種編程語言，而是一種創建網路的標記語言，因電腦沒有眼睛沒有鼻子，所以在創...

Eric ‧ 2022-09-02

0 Like 0 留言 1324 瀏覽

鐵人賽 Modern Web DAY 20

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

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

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

a841722 ‧ 2021-09-20

3 Like 0 留言 1315 瀏覽

鐵人賽 Modern Web DAY 23

實作經典 JavaScript 30 系列第 23 篇

技術 Day23: Mouse Move Shadow

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

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

0 Like 0 留言 1314 瀏覽

技術前端相關知識

前端語言 HTML(骨架)(看官方文件) CSS(美編)(看官方文件) Tailwind CSS - Rapidly build modern websi...

Chen_LiYin ‧ 2023-09-29

0 Like 0 留言 1310 瀏覽

鐵人賽 Modern Web DAY 24

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

技術模組 & 命名空間 ( Modules & Namespaces )

相信使用 ES6 的小夥伴們對模組都不陌生，現代前端框架也都使用模組在運作。而模組和命名空間是兩種組織和封裝程式碼的方式，雖然它們都有類似的目標，但它們在某些方...

威爾豬 ‧ 2023-09-24

0 Like 0 留言 1308 瀏覽

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

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

jason06286 ‧ 2020-05-24

0 Like 0 留言 1296 瀏覽

鐵人賽自我挑戰組 DAY 17

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

技術 Day 17 CSS <用戶介面樣式 & 三角>

什麼是介面樣式? 所謂的介面樣式，就是更改一些用戶操作樣式，以提高用戶體驗。更改用戶的鼠標樣式語法 : li { cursor : pointer;...

a0265392_lin ‧ 2021-09-27

1 Like 0 留言 1294 瀏覽

鐵人賽 Modern Web DAY 22

鉄人28号FX 系列第 22 篇

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

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

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

1 Like 0 留言 1293 瀏覽

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

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

jason06286 ‧ 2020-07-05

0 Like 0 留言 1292 瀏覽

鐵人賽自我挑戰組 DAY 30

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

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

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

a0265392_lin ‧ 2021-10-10

0 Like 0 留言 1287 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術 Day 29 JavaScript < 書寫方式>

JavaScript書寫方式與CSS相似，分為行內書寫，內嵌書寫以及外部書寫 1.行內書寫 <input type="button"...

a0265392_lin ‧ 2021-10-09

0 Like 0 留言 1285 瀏覽

鐵人賽自我挑戰組 DAY 28

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

技術 Day 28 JavaScript < 簡單介紹>

1.JS是什麼? Java Script 是一種運行在客戶端的腳本語言 (script就是腳本的意思) 腳本語言 : 不需要進行編譯，運行過程中由JS引擎逐行來...

a0265392_lin ‧ 2021-10-08

0 Like 0 留言 1282 瀏覽

鐵人賽自我挑戰組 DAY 3

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

技術 Day 03 HTML<列表標籤>

列表標籤可以用來為頁面進行布局主要分為無序列表、有序列表、自定義列表三大類 1.無序列表無序列表主要使用的標籤如下蘋果香蕉鳳梨水蜜桃哈密瓜無序列表使用無序列...

a0265392_lin ‧ 2021-09-13

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

技術 [快速入門前端 46] JavaScript：迴圈 (1) for 、while、do while 簡介

技術 類別封裝 ( Class Encapsulation )