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

0 Like 1 留言 3380 瀏覽

鐵人賽 Modern Web DAY 14

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 14 篇

技術 # 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 14 資料的傳遞 Message Passing (上)

Hi Dai Gei Ho~ 我是Winnie ~ 今天文章已經來到了14篇，而在開始進入今天主題之前，我想來回顧一下前面13篇文章的內容。在前面文章中，我...

Winnie Wu ‧ 2022-09-14 ‧團隊啊 ah

0 Like 0 留言 1099 瀏覽

鐵人賽 Modern Web DAY 3

30天淺嘗主流前端設計系列第 3 篇

技術 DAY3 做網站的起點-一個好環境~

DAY3 做網站的起點-一個好環境~ ** Visual Studio code**這次我們要使用的是一款非常強大且功能齊全的編輯器，visual studio...

chien0830 ‧ 2022-09-15

0 Like 3 留言 4036 瀏覽

鐵人賽自我挑戰組 DAY 1

養爬蟲的人學爬蟲系列第 1 篇

技術【Day 1】從0開始學習爬蟲!

關於我哈囉!我是一個就讀資訊相關科系的大三生。會來參加這個鐵人賽主要是因為必修課需要參賽，也想藉著這個特別的機會，挑戰自己的學習能力(笑)。為什麼選擇爬蟲在還...

teresawang ‧ 2022-09-14

1 Like 0 留言 3327 瀏覽

鐵人賽 Mobile Development DAY 3

Android Studio 30天學習系列第 3 篇

技術 Android Studio 30天學習-DAY03_Android-Studio虛擬機相關設定

新增Android虛擬手機模擬器這個新增與管理虛擬機器的選項在右上角的手機圖式且手機的右下角有一個安卓機器人吉祥物，功用可以管理所建立的虛擬機器種類以及設定，...

jaychen31202 ‧ 2022-09-14 ‧團隊nutc imac 老扛寶

0 Like 0 留言 1137 瀏覽

鐵人賽 Modern Web DAY 15

如何用TypeScript水30天鐵人賽系列第 15 篇

技術 [Day15]：鴨子的生產工廠 - class

卡鏘~ 一隻鴨子，卡鏘~ 兩隻鴨子... 一隻鴨... 兩隻鴨...會下蛋的都是好鴨───────────────────── By Opshell 目...

Opshell ‧ 2022-09-15

0 Like 0 留言 1986 瀏覽

鐵人賽 Software Development DAY 2

演算法資料結構，五四三二一起GO! 系列第 2 篇

技術 Day 2. 資料結構是什麼?演算法又是誰(´◓Д◔`)?

資料結構(data structure) 在電腦科學中，資料結構是電腦中儲存、組織資料的方式，其實就是資料加上去定義一些資料之間的關係，像是要運用什麼樣的邏輯來...

ㄆㄩ ‧ 2022-09-17

0 Like 0 留言 1541 瀏覽

鐵人賽 Modern Web DAY 14

如何用TypeScript水30天鐵人賽系列第 14 篇

技術 [Day14]：鴨子的別稱 - Alias別名

這兩隻不都是鴨子嗎? 鴨子與鵝實際差在哪?等等? 這兩隻不都是鴨子嗎?────────────────────── By Opshell 目標: Typ...

Opshell ‧ 2022-09-14

0 Like 0 留言 1388 瀏覽

鐵人賽 AI & Data DAY 10

疫後新時代 : AI未來大想像，擁抱數位變革，AI及大數據自學之路系列第 10 篇

技術疫後新世界人跡人機

人的科技文明發展始終來自於人性在疫情之後的未來新生活當中，由於疫情不穩定一波又一波的來，病毒不斷的更新變種，跟電腦的程式病毒一樣不斷的更新，再加上大家都有打疫...

top3768t ‧ 2022-09-14

0 Like 0 留言 1421 瀏覽

鐵人賽 Web 3 DAY 1

2022最火話題NFT到底是什麼?釐清NFT和虛擬貨幣以及區塊鏈的關係，做出自己專屬的NFT!! 系列第 1 篇

技術 Day 01 | 目錄 | 選題動機

前言 |選題動機| 這次比賽選了NFT當作這次的主題，因為自己本身就有在做NFT的投資，雖然有理解一點點的區塊鏈產業資訊以及虛擬貨幣的概念，但是對於技術層面還是...

K ‧ 2022-09-14

0 Like 0 留言 1309 瀏覽

鐵人賽 Modern Web DAY 5

從入門前端技巧到uiux設計的心得分享系列第 5 篇

技術【Day 5】好的UI製作從好用的工具開始（下）

接續第三天的介紹，下篇簡單分享Adobe XD的使用心得。軟體的簡單介紹 Adobe XD - 極具潛力的UI軟體推薦值：3.5顆星在Figma爆紅之...

mimimoumou ‧ 2022-09-14

0 Like 0 留言 2088 瀏覽

鐵人賽 Software Development DAY 3

.NET Core與React組合開發技系列第 3 篇

技術 .NET Core與React組合開發技_第03天_增加產品詳細頁元件

於~\src\components\ 下新增一個ProductDetails.js 元件 ~\src\components\ProductDetails.js...

Samuel ‧ 2022-09-14

1 Like 0 留言 2137 瀏覽

鐵人賽 Security DAY 12

模糊測試從入門到放棄系列第 12 篇

技術 [Day 12] Coverage-guided fuzzer - 對 binary-only 程式做模糊測試 - Static binary rewriting

Binary-only program 在沒有 source code 的情況下，binary-only fuzzing 是取得 coverage 的方法大概可...

cc85nod ‧ 2022-09-14 ‧團隊30 個字以內

0 Like 0 留言 2367 瀏覽

鐵人賽 Mobile Development DAY 3

Android Studio - 30天菜鳥筆記系列第 3 篇

技術 Android Studio菜鳥筆記 - Day3 - ConstraintLayout

ConstraintLayout是透過元件本身與其它元件之間的約束來決定它的位置上圖中Textview那4條彎曲線就是它的約束它代表的意義也有點類似彈簧，在這...

hank910416 ‧ 2022-09-14 ‧團隊nutc imac 老扛寶

0 Like 0 留言 4161 瀏覽

鐵人賽自我挑戰組 DAY 1

網路概論系列第 1 篇

技術什麼是網路?什麼是ISP?

甚麼是網路?在這科技的時代應該沒有人不知道什麼是網路吧!把網路依據傳輸媒介分為有線網路和無線網路，有線網路透過電纜線來連接網路，像是雙絞線、同軸電纜、光纖纜線、...

tzulin ‧ 2022-09-14

0 Like 0 留言 2662 瀏覽

鐵人賽 Mobile Development DAY 8

30天 Android Jetpack Compose 奇幻旅程系列第 8 篇

技術 [Day8] Thinking in Compose (二)

今天要來學習的是 Compose 官方 Thinking in Compose 裡面的 Recomposition (重組): Recomposition 在命...

哈嘎 ‧ 2022-09-14 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 1615 瀏覽

鐵人賽 Web 3 DAY 1

NFT、區塊鏈、比特幣，這些到底是什麼？？讓我們從頭認識這些酷東西吧！發出屬於自己的NFT！系列第 1 篇

技術 [Day 1] | 目錄與引言 | NFT、區塊鏈、比特幣到底是什麼？發出屬於自己的NFT吧！

引言本次的鐵人賽想要帶大家從頭一起認識區塊鏈，進一步理解比特幣、NFT到底在做些什麼東西。在這30天中，我將一步一步的與大家一起學習，從區塊鏈的原理及技術開始...

樂弟 ‧ 2022-09-14

0 Like 1 留言 2830 瀏覽

鐵人賽 Modern Web DAY 13

網頁切版入門及版面實作系列第 13 篇

技術 [DAY13]網頁切版入門及版面實作_ 導覽列

導覽列在這個範例中要練習導覽列區塊的切版整理幾個重點:1.將section_kv設為滿版，添加屬性position: fixed (固定定位)，將導覽列的區...

ruhui0726 ‧ 2022-09-28 ‧團隊蝦兵蟹將

0 Like 0 留言 1381 瀏覽

鐵人賽 Modern Web DAY 12

網頁切版入門及版面實作系列第 12 篇

技術 [DAY12]網頁切版入門及版面實作_ 頁尾

頁尾在這個範例中要練習頁尾部分的切版整理幾個小重點如下方： 1.將footer_content設為滿版，添加背景色#FFEBF22.添加一個containe...

ruhui0726 ‧ 2022-09-27 ‧團隊蝦兵蟹將

0 Like 0 留言 1805 瀏覽

鐵人賽 IT管理 DAY 2

Azure開發者必備掌握的基本系列第 2 篇

技術 Azure開發者必備掌握的基本_第02天_App Service_WebApp

App Services • 部署和擴展企業級 Web 應用程序、移動後端和 Web API• 在幕後採用虛擬機機制擴增彈性• 支持縮放 - 手動/自動• 支持...

Samuel ‧ 2022-09-14

1 Like 1 留言 4405 瀏覽

鐵人賽 Modern Web DAY 11

網頁切版入門及版面實作系列第 11 篇

技術 [DAY11]網頁切版入門及版面實作_浮動視窗

浮動視窗在這個範例中要練習固定的浮動視窗，類似我們常看到的側邊廣告，位置不會隨著視窗滑動而改變 1.position: fixed 使用屬性position:...

ruhui0726 ‧ 2022-09-26 ‧團隊蝦兵蟹將

0 Like 0 留言 1685 瀏覽

鐵人賽 Modern Web DAY 10

網頁切版入門及版面實作系列第 10 篇

技術 [DAY10]網頁切版入門及版面實作_區塊卡片2

區塊卡片2 在這個範例中要練習多個卡片的排列以及游標移至卡片後的效果整理幾個小重點如下方： 1.將section_card設為滿版2.添加一個containe...

ruhui0726 ‧ 2022-09-25 ‧團隊蝦兵蟹將

0 Like 0 留言 1491 瀏覽

鐵人賽自我挑戰組 DAY 2

主題只有「足球」的三十天鐵人賽挑戰系列第 2 篇

技術十一人制足球簡介 (Football)

場地為天然草皮球場長度的計量單位為碼 (Yard) 常聽到的12碼：罰球點球也是常見電視頻道上歐洲職業聯賽與世界盃足球賽的比賽規則人數每一隊包含守門員...

txstudio ‧ 2022-09-15

0 Like 1 留言 1474 瀏覽

鐵人賽 Modern Web DAY 9

網頁切版入門及版面實作系列第 9 篇

技術 [DAY9]網頁切版入門及版面實作_區塊卡片1

區塊卡片今天要練習第四區塊卡片的切版整理幾個小重點如下方： 1.將section_part2設為滿版2.添加一個container，做為固定欄寬1200px...

ruhui0726 ‧ 2022-09-24 ‧團隊蝦兵蟹將

0 Like 1 留言 1555 瀏覽

鐵人賽 Modern Web DAY 8

網頁切版入門及版面實作系列第 8 篇

技術 [DAY8]網頁切版入門及版面實作_ 圖文版面2

圖文版面2 今天要練習第二塊跟第三塊圖文版面的部分整理幾個小重點如下方： 1.將section_melon以及section_gym設為滿版2.兩個部分都添加...

ruhui0726 ‧ 2022-09-23 ‧團隊蝦兵蟹將

0 Like 0 留言 1497 瀏覽

鐵人賽 Modern Web DAY 7

網頁切版入門及版面實作系列第 7 篇

技術 [DAY7]網頁切版入門及版面實作_按鈕效果

按鈕效果(before、after) 在網頁中，可以看到常常游標移動到按鈕的時候，通常都會有變化，讓使用者知道游標有確實的接觸到，今天就要來練習這個效果整...

ruhui0726 ‧ 2022-09-22 ‧團隊蝦兵蟹將

0 Like 0 留言 1731 瀏覽

鐵人賽 Modern Web DAY 9

適用於傳產從業人員的實用報表製圖術系列第 9 篇

技術【Day 9】簡單的 “D3” 圓餅圖

概述圓餅圖的作用，就是用一張圖快速地看出「佔比」，分析組成的內容是什麼。圓餅圖內所有比例的加總是 100% 困擾已久的問題以「陸客蛋塔效應轉型」圓...

rita0124 ‧ 2022-09-14 ‧團隊㊣乂溪湖煞氣a汴頭保安宮乂㊣

0 Like 0 留言 1454 瀏覽

鐵人賽 Modern Web DAY 6

網頁切版入門及版面實作系列第 6 篇

技術 [DAY6]網頁切版入門及版面實作_ 圖文版面1

圖文版面1 今天要練習最上方主BANNER的切版整理幾個小重點如下方： 1.將section_kv設為滿版，添加背景色#FFEBF22.添加一個contain...

ruhui0726 ‧ 2022-09-21 ‧團隊蝦兵蟹將

0 Like 1 留言 2521 瀏覽

鐵人賽 Modern Web DAY 5

網頁切版入門及版面實作系列第 5 篇

技術 [DAY5]網頁切版入門及版面實作_範例版面介紹

範例版面在接下來的幾天主要練習下方圖片的切版，規劃了較為簡單的基礎版面，在開始執行切板之前可以先稍微規劃一下要使用的class name以及切版方式，可以協助...

ruhui0726 ‧ 2022-09-20 ‧團隊蝦兵蟹將

0 Like 1 留言 1381 瀏覽

鐵人賽 Modern Web DAY 4

網頁切版入門及版面實作系列第 4 篇

技術 [DAY4]網頁切版入門及版面實作_CSS Reset

重置CSS的CSS樣式表將網頁排版在各瀏覽器快速一致化，接下來的所有範例都需要使用主要原因是每一個瀏覽器所使用的預設樣式皆不同，去呈現我們所設計的網頁外觀，...

ruhui0726 ‧ 2022-09-19 ‧團隊蝦兵蟹將

0 Like 0 留言 1155 瀏覽

鐵人賽 Mobile Development DAY 9

從零開始的Swift開發心路歷程2 系列第 9 篇

技術【從零開始的Swift開發心路歷程2-Day9】簡單的FMDB練習(完)-查詢資料

我們可以利用UISearchBar來完成查詢資料的功能首先拉一個UISearchBar到畫面，並且讓他的delegate = self searchBar.de...

chun0917 ‧ 2022-09-20 ‧團隊imac iOS Team 微菜鳥組