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

0 Like 0 留言 951 瀏覽

技術 2024 IT鐵人賽 Day27 -Axios串API

Axios環境設定套件連結 CDN 套件指令安裝Using npm: $ npm install axiosUsing bower: $ bower in...

will93068 ‧ 2024-10-24

1 Like 0 留言 848 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 13

菜雞學習JavaScript的30日讀書分享系列第 13 篇

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 13】取餘數運算子

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-13

0 Like 0 留言 807 瀏覽

鐵人賽 Modern Web DAY 10

JS30 x 鐵人30 x MDN doc 系列第 10 篇

技術 [Day10] - Hold Shift and Check Checkboxes(JS30 x 鐵人 30 x MDN)

實做一個表單，按著 shift 點擊可區間全選/取消功能滑鼠事件-shift 鍵與否屬性：MouseEvent: shiftKey property 輸入...

yang817 ‧ 2023-09-25 ‧團隊好想工作室 v7.0

0 Like 0 留言 802 瀏覽

鐵人賽 Modern Web DAY 20

JS30 x 鐵人30 x MDN doc 系列第 20 篇

技術 [Day20] - Speech Detection(JS30 x 鐵人 30 x MDN)

做一個網頁語音輸入功能，可將語音輸入的英文自動變成文字語音識別 API：SpeechRecognition - Web APIs 語音識別事件(返回結果)...

yang817 ‧ 2023-10-05 ‧團隊好想工作室 v7.0

0 Like 0 留言 790 瀏覽

技術 2024 IT鐵人賽 Day29 -第三方套件js-cookie

推薦使用js-cookie js-cookie 環境配置 CDN 或套件命令 npm i js-cookie 語法儲存 Cookies.set...

will93068 ‧ 2024-10-26

2 Like 0 留言 783 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 1

菜雞學習JavaScript的30日讀書分享系列第 1 篇

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 1】簡史

前言 ====================本系列文章沒有什麼高深的理論========================================純粹...

rdnnn ‧ 2024-08-01

2 Like 0 留言 725 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 3

菜雞學習JavaScript的30日讀書分享系列第 3 篇

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 3】變數

前言 ====================本系列文章沒有什麼高深的理論========================================純粹...

rdnnn ‧ 2024-08-03

1 Like 0 留言 689 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 18

菜雞學習JavaScript的30日讀書分享系列第 18 篇

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 18】自動轉型-下

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-18

0 Like 0 留言 686 瀏覽

鐵人賽 Modern Web DAY 21

JS30 x 鐵人30 x MDN doc 系列第 21 篇

技術 [Day21] - Geolocation(JS30 x 鐵人 30 x MDN)

做一個網頁羅盤，監聽使用者位置資訊（使用方位及時速改變羅盤） Web 導航器 API：Navigator - Web APIs | MDN 取得地理定位：N...

yang817 ‧ 2023-10-06 ‧團隊好想工作室 v7.0

0 Like 0 留言 677 瀏覽

鐵人賽 Modern Web DAY 2

JS30 x 鐵人30 x MDN doc 系列第 2 篇

技術 [Day2] - JS and CSS Clock(JS30 x 鐵人 30 x MDN)

今天我們來做一個網頁時鐘節點選取：Document: querySelector() method 重複執行：setInterval() global f...

yang817 ‧ 2023-09-17 ‧團隊好想工作室 v7.0

2 Like 0 留言 662 瀏覽

技術 2024 IT鐵人賽 Day25 -深拷貝

第三方套件 lodash // 使用 lodash 的 cloneDeep 方法進行深拷貝 const obj2 = _.cloneDe...

will93068 ‧ 2024-10-22

0 Like 0 留言 644 瀏覽

鐵人賽 Modern Web DAY 5

JS30 x 鐵人30 x MDN doc 系列第 5 篇

技術 [Day5] - Flex Panel Gallery(JS30 x 鐵人 30 x MDN)

實做一個圖片畫廊，當使用者點擊圖片時畫面會聚焦那張圖片(圖片佔比增加)，再次點擊會恢復 CSS 彈性盒子排版：CSS flexible box layout...

yang817 ‧ 2023-09-20 ‧團隊好想工作室 v7.0

0 Like 0 留言 634 瀏覽

技術 2024 IT鐵人賽 Day30 -字串處理

trim 處理字串前後空格 slice取特定範圍字串 indexOf 查找字串位置 <!DOCTYPE html> <html lang=&q...

will93068 ‧ 2024-10-27

2 Like 0 留言 625 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 4

菜雞學習JavaScript的30日讀書分享系列第 4 篇

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 4】資料型別

前言 ====================本系列文章沒有什麼高深的理論========================================純粹...

rdnnn ‧ 2024-08-04

0 Like 0 留言 619 瀏覽

鐵人賽 Modern Web DAY 6

JS30 x 鐵人30 x MDN doc 系列第 6 篇

技術 [Day6] - Type Ahead(JS30 x 鐵人 30 x MDN)

實作一個網頁可以搜尋美國的城市/州，並將搜尋結果渲染出來並標示匹配字樣請求資料：Fetch API 請求的回覆：Response 數字格式：In...

yang817 ‧ 2023-09-21 ‧團隊好想工作室 v7.0

1 Like 0 留言 619 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 9

菜雞學習JavaScript的30日讀書分享系列第 9 篇

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 9】相加運算子

前言 ====================本系列文章沒有什麼高深的理論========================================純粹...

rdnnn ‧ 2024-08-09

0 Like 0 留言 609 瀏覽

鐵人賽 JavaScript DAY 3

AI 時代，基礎要有：JavaScript30 打下紮實基礎系列第 3 篇

技術【Day03】02 - JS and CSS Clock

主題實作一個小時鐘。成果完整程式碼Demo效果實作重點 CSS 指針樣式先做完調整時間起始位置在 0 的位置( 後面比較好算數學 ) 調整每個針...

Hazel ‧ 2024-08-03

0 Like 0 留言 608 瀏覽

技術 2024 IT鐵人賽 Day28 -localStorage

localStorage MDN文件語法: 儲存 localStorage.setItem("myCat", "Tom&...

will93068 ‧ 2024-10-25

1 Like 0 留言 594 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 2

菜雞學習JavaScript的30日讀書分享系列第 2 篇

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 2】規範

前言 ====================本系列文章沒有什麼高深的理論========================================純粹...

rdnnn ‧ 2024-08-02

0 Like 0 留言 593 瀏覽

鐵人賽 Modern Web DAY 16

JS30 x 鐵人30 x MDN doc 系列第 16 篇

技術 [Day16] - Mouse Move Shadow(JS30 x 鐵人 30 x MDN)

透過 JS 將文字做出 4 層陰影，並隨著鼠標位置移動文字陰影：text-shadow - CSS 元素內容可編輯：contenteditable...

yang817 ‧ 2023-10-01 ‧團隊好想工作室 v7.0

1 Like 0 留言 586 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 19

菜雞學習JavaScript的30日讀書分享系列第 19 篇

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 19】指派運算子

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-19

0 Like 0 留言 586 瀏覽

技術 2024 IT鐵人賽 Day26 -fetch串API

fetch 串 PokeAPI fetch("https://pokeapi.co/api/v2/pokemon/ditto")...

will93068 ‧ 2024-10-23

0 Like 1 留言 584 瀏覽

鐵人賽 Modern Web DAY 30

JS30 x 鐵人30 x MDN doc 系列第 30 篇

技術 [Day30] - Whack A Mole(JS30 x 鐵人 30 x MDN)

做一個打地鼠遊戲網站，按下開始後可以開啟遊戲(約 10 秒)、有計分功能、地鼠會隨機出現，腳本作弊點擊不計分週期執行：setInterval() globa...

yang817 ‧ 2023-10-15 ‧團隊好想工作室 v7.0

1 Like 0 留言 581 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 10

菜雞學習JavaScript的30日讀書分享系列第 10 篇

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 10】加減運算子

前言 ====================本系列文章沒有什麼高深的理論========================================純粹...

rdnnn ‧ 2024-08-10

0 Like 0 留言 578 瀏覽

技術 2024 IT鐵人賽 Day18 -陣列的應用pop、shift、清空陣列(文字牆)

pop 刪除陣列末端的最後一個資料 shift 刪除陣列的第一個資料 Arr = []; 清除陣列所有資料 <!DOCTYPE html> <...

will93068 ‧ 2024-10-15

0 Like 0 留言 575 瀏覽

技術 2024 IT鐵人賽 Day22 -陣列-reduce

reduce 方法將一個累加器及陣列中每項元素（由左至右）傳入回呼函式，將陣列化為單一值。 const people = [ { name: &quot...

will93068 ‧ 2024-10-19

1 Like 0 留言 575 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 16

菜雞學習JavaScript的30日讀書分享系列第 16 篇

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 16】比較運算子

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

rdnnn ‧ 2024-08-16

0 Like 0 留言 573 瀏覽

鐵人賽 Modern Web DAY 13

JS30 x 鐵人30 x MDN doc 系列第 13 篇

技術 [Day13] - Slide in on Scroll(JS30 x 鐵人 30 x MDN)

實作頁面滾動式視差設計滾動事件：Document: scroll event 視窗可視高度Window: innerHeight property 垂直...

yang817 ‧ 2023-09-28 ‧團隊好想工作室 v7.0

0 Like 0 留言 557 瀏覽

技術 2024 IT鐵人賽 Day24 -淺拷貝

淺拷貝方法 slice 展開運算子[...] Object.assign <!DOCTYPE html> <html lang=&quot...

will93068 ‧ 2024-10-21

0 Like 0 留言 528 瀏覽

鐵人賽 Modern Web DAY 23

JS30 x 鐵人30 x MDN doc 系列第 23 篇

技術 [Day23] - Speech Synthesis(JS30 x 鐵人 30 x MDN)

做一個語音閱讀器，可播放使用者輸入的訊息語音合成 API：SpeechSynthesis - Web APIs 語音改變事件：SpeechSynthesi...

yang817 ‧ 2023-10-08 ‧團隊好想工作室 v7.0

技術 2024 IT鐵人賽 Day27 -Axios串API

技術 菜雞學習 JavaScript 的 30 日讀書分享【Day 13】取餘數運算子

技術 [Day10] - Hold Shift and Check Checkboxes(JS30 x 鐵人 30 x MDN)

技術 [Day20] - Speech Detection(JS30 x 鐵人 30 x MDN)

技術 2024 IT鐵人賽 Day29 -第三方套件js-cookie

技術 菜雞學習 JavaScript 的 30 日讀書分享【Day 1】簡史

技術 菜雞學習 JavaScript 的 30 日讀書分享 【Day 3】變數

技術 菜雞學習 JavaScript 的 30 日讀書分享【Day 18】自動轉型-下

技術 [Day21] - Geolocation(JS30 x 鐵人 30 x MDN)

技術 [Day2] - JS and CSS Clock(JS30 x 鐵人 30 x MDN)

技術 2024 IT鐵人賽 Day25 -深拷貝

技術 [Day5] - Flex Panel Gallery(JS30 x 鐵人 30 x MDN)

技術 2024 IT鐵人賽 Day30 -字串處理

技術 菜雞學習 JavaScript 的 30 日讀書分享【Day 4】資料型別

技術 [Day6] - Type Ahead(JS30 x 鐵人 30 x MDN)

技術 菜雞學習 JavaScript 的 30 日讀書分享【Day 9】相加運算子

技術 【Day03】02 - JS and CSS Clock

技術 2024 IT鐵人賽 Day28 -localStorage

技術 菜雞學習 JavaScript 的 30 日讀書分享 【Day 2】規範

技術 [Day16] - Mouse Move Shadow(JS30 x 鐵人 30 x MDN)

技術 菜雞學習 JavaScript 的 30 日讀書分享【Day 19】指派運算子

技術 2024 IT鐵人賽 Day26 -fetch串API

技術 [Day30] - Whack A Mole(JS30 x 鐵人 30 x MDN)

技術 菜雞學習 JavaScript 的 30 日讀書分享【Day 10】加減運算子

技術 2024 IT鐵人賽 Day18 -陣列的應用pop、shift、清空陣列(文字牆)

技術 2024 IT鐵人賽 Day22 -陣列-reduce

技術 菜雞學習 JavaScript 的 30 日讀書分享【Day 16】比較運算子

技術 [Day13] - Slide in on Scroll(JS30 x 鐵人 30 x MDN)

技術 2024 IT鐵人賽 Day24 -淺拷貝

技術 [Day23] - Speech Synthesis(JS30 x 鐵人 30 x MDN)

標記使用者

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 13】取餘數運算子

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 1】簡史

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 3】變數

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 18】自動轉型-下

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 4】資料型別

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 9】相加運算子

技術【Day03】02 - JS and CSS Clock

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 2】規範

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 19】指派運算子

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 10】加減運算子

技術菜雞學習 JavaScript 的 30 日讀書分享【Day 16】比較運算子