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

2 Like 0 留言 1580 瀏覽

鐵人賽 Modern Web DAY 16

實作經典 JavaScript 30 系列第 16 篇

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

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

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

0 Like 0 留言 1575 瀏覽

鐵人賽自我挑戰組 DAY 9

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

技術 Day 09 CSS <背景屬性>

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

a0265392 ‧ 2021-09-09

0 Like 0 留言 1565 瀏覽

鐵人賽自我挑戰組 DAY 5

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

技術 Day 05 CSS <基礎選擇器>

CSS的選擇器分為基礎選擇器以及複合選擇器本日將先說明基礎選擇器 DAY6將繼續說明複合選擇器 CSS中的基礎選擇器單個選擇器組成，包含標籤選擇器、類選擇器、i...

a0265392_lin ‧ 2021-09-15

2 Like 0 留言 1561 瀏覽

技術 [鼠年全馬鐵人挑戰] Week22 - 超新手學前端 - JavaScript 使用時機

學了一陣子的JavaScript遇到了不少問題其中遇到一個最大的問題是學了那麼多語法要怎麼運用?我知道函式、物件、陣列但我不知道什麼時候該用哪個?不知道新手在學...

a841722 ‧ 2020-07-08

2 Like 1 留言 1553 瀏覽

鐵人賽 Modern Web DAY 3

實作經典 JavaScript 30 系列第 3 篇

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

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

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

1 Like 0 留言 1549 瀏覽

鐵人賽 Modern Web DAY 5

實作經典 JavaScript 30 系列第 5 篇

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

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

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

0 Like 0 留言 1549 瀏覽

鐵人賽自我挑戰組 DAY 4

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

技術新手村04 - Array Cardio Day 1

04 - Array Cardio Day 1 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ small...

Chester ‧ 2019-09-19

2 Like 0 留言 1547 瀏覽

鐵人賽 Modern Web DAY 9

實作經典 JavaScript 30 系列第 9 篇

技術 Day09: Ajax Type Ahead with fetch()(二)

WES BOS系列影片Alex快速導讀系列影片再來，進入學習的第二個重點部分-嘗試利用正規表達式來篩選資料在此之前，先將前置作業完成1.先抓出需要設置監聽器與...

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

1 Like 0 留言 1545 瀏覽

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

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

Doris ‧ 2023-06-27

0 Like 0 留言 1544 瀏覽

鐵人賽自我挑戰組 DAY 14

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

技術 Day 14 CSS <網頁布局-浮動布局>

浮動屬性float用於創建浮動使其移動到另一邊直到左或右邊緣觸及包含塊或另一個浮動框的邊緣語法 : 選擇器{float:屬性值;} /*...

a0265392_lin ‧ 2021-09-24

0 Like 0 留言 1542 瀏覽

鐵人賽自我挑戰組 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 留言 1537 瀏覽

鐵人賽自我挑戰組 DAY 11

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

技術新手村11 - Custom Video Player

11 - Custom Video Player 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ smal...

Chester ‧ 2019-09-26

0 Like 0 留言 1536 瀏覽

鐵人賽自我挑戰組 DAY 19

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

技術新手村19 - Webcam Fun

19 - Webcam Fun 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ small steps e...

Chester ‧ 2019-10-04

2 Like 0 留言 1522 瀏覽

鐵人賽 Modern Web DAY 8

實作經典 JavaScript 30 系列第 8 篇

技術 Day08: Ajax Type Ahead with fetch() (一)

WES BOS系列影片Alex快速導讀系列影片學習重點:1.使用fetch()來發送請求，串接遠端資料2.嘗試利用正規表達式來篩選資料使用fetch()來發...

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

0 Like 0 留言 1520 瀏覽

技術 [快速入門前端 38] JavaScript：資料型態 (1) 基本資料型態和複合資料型態

資料型態在前一天我們已經了解到變數的概念，而資料型態指的是變數中存放的是哪一種類型的資料，例如數字、文字 ( 字串 ) 等，而在 JavaScript 中，資...

Doris ‧ 2023-07-06

2 Like 0 留言 1518 瀏覽

鐵人賽 Modern Web DAY 29

鉄人28号FX 系列第 29 篇

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

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

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

1 Like 0 留言 1510 瀏覽

技術新手學前端-JavaScript：資訊如何帶進去的語法

Html語法： < p >這一顆紅豆餅是< em id="price">< /em >元 < /...

a841722 ‧ 2019-10-15

0 Like 0 留言 1509 瀏覽

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

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

Doris ‧ 2023-08-10

0 Like 0 留言 1507 瀏覽

鐵人賽 Modern Web DAY 20

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

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

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

威爾豬 ‧ 2023-09-20

1 Like 0 留言 1506 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 14: 我想亮白、我想復古、我想___？CSS filter

CSS filter簡單來說就是濾鏡功能，以下整理幾個常用的功能。 1.blur模糊(px) 越大越模糊，如果想要朦朧美就參考這個吧！ filter:blur(...

jason06286 ‧ 2020-05-17

0 Like 0 留言 1497 瀏覽

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

0 Like 0 留言 1490 瀏覽

鐵人賽自我挑戰組 DAY 23

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

技術新手村23 - Speech Synthesis

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

Chester ‧ 2019-10-08

0 Like 0 留言 1479 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術新手村27 - Click and Drag

27 - Click and Drag 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ small ste...

Chester ‧ 2019-10-12

0 Like 0 留言 1477 瀏覽

技術 [鼠年全馬鐵人挑戰] Week26 - JavaScript 練習題- 變數型別判斷與弱型別轉型

又是一個星期過去了最近準備婚事真的忙翻啦~所以上週忘了更新文章了QQ沒關係再來繼續加油努力:) 變數型別判斷與弱型別轉型練習請觀看此文章後，解答以下題目。...

a841722 ‧ 2020-08-15

0 Like 0 留言 1475 瀏覽

鐵人賽自我挑戰組 DAY 12

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

技術新手村12 - Key Sequence Detection

12 - Key Sequence Detection 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ s...

Chester ‧ 2019-09-27

1 Like 0 留言 1455 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 10: 這時我看見他的背影，我的淚很快地流下來了。 box-shadow

還記得國中時，老師國文課時上到朱自清-背影，雖然內容不多，但內容卻十分豐富，國中時我還是位懵懂的少年，不經世事的孩子，對文章的真情未必有深入的感受及透澈。僅僅瞭...

jason06286 ‧ 2020-04-17

0 Like 0 留言 1453 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 12: 提升切版速度！Emmet原來可以這樣用！

最近參加了六角學院的切版班，想要提升自己的切版速度，分享幾個我常用的方式。如果有更好或覺得不錯的方法，可以留言分享喔！需要你們打開我的新世界基本用法 !=&...

jason06286 ‧ 2020-05-03

1 Like 0 留言 1448 瀏覽

鐵人賽 Modern Web DAY 28

鉄人28号FX 系列第 28 篇

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

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

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

0 Like 0 留言 1438 瀏覽

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

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

jason06286 ‧ 2020-06-12

0 Like 0 留言 1413 瀏覽

鐵人賽自我挑戰組 DAY 23

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

技術 Day 23 CSS3 < 目標選擇器>

CSS3新增的目標選擇器類型: 1.屬性選擇器屬性選擇器可以根據元素特定屬性來選擇元素，這樣就可以不用藉助於類或者ID選擇器 MDN Web Docs 屬性選...

a0265392_lin ‧ 2021-10-03

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

技術 Day 09 CSS <背景屬性>

技術 Day 05 CSS <基礎選擇器>

技術 [鼠年全馬鐵人挑戰] Week22 - 超新手學前端 - JavaScript 使用時機

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

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

技術 新手村04 - Array Cardio Day 1

技術 Day09: Ajax Type Ahead with fetch()(二)

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

技術 Day 14 CSS <網頁布局-浮動布局>

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

技術 新手村11 - Custom Video Player

技術 新手村19 - Webcam Fun

技術 Day08: Ajax Type Ahead with fetch() (一)

技術 [快速入門前端 38] JavaScript：資料型態 (1) 基本資料型態和複合資料型態

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

技術 新手學前端-JavaScript：資訊如何帶進去的語法

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

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

技術 鼠年全馬鐵人挑戰 WEEK 14: 我想亮白、我想復古、我想___？CSS filter

技術 新手村28 - Video Speed Controller

技術 新手村23 - Speech Synthesis

技術 新手村27 - Click and Drag