iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

Web前端的探索:30天的驚奇之旅 系列

《Web前端的探索: 30天的驚奇之旅》內容涵蓋了HTML、CSS、JavaScript的基礎知識,通過實踐操作和創意挑戰,在探索過程中不斷學習和成長。

鐵人鍊成 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文 團隊NUTC imac
DAY 21

Day21.CSS<hover>效果

如果想要透過css做一個簡單的互動效果,移動鼠標後會有不同的反應,就可以使用&lt;hover&gt;hover的使用其實很簡單,只需要將你希望鼠標移過後的樣子...

2024-09-29 ‧ 由 yuyu_1111 分享
DAY 22

Day22.CSS<z-index>屬性

z-index主要控制元素的堆疊順序,決定哪個元素會顯示在最上面,不過z-index只有在有設定position為relative、absolute、fixed...

2024-09-30 ‧ 由 yuyu_1111 分享
DAY 23

Day23.<bootstrap>運用-連結

bootstrap是很受歡迎的前端框架,用來簡化 HTML、CSS 和 JavaScript 開發,它提供了多種預設樣式、組件和工具,只需要提前連結bootst...

2024-10-01 ‧ 由 yuyu_1111 分享
DAY 24

Day24.<bootstrap>運用-實作

在前一篇有提到bootstrap如何連結,那現在連結完了,我們就來實作看看吧~~ 1. icon套件首先,先選擇一個自己想要的icon,將他的icon font...

2024-10-02 ‧ 由 yuyu_1111 分享
DAY 25

Day25.<select2>運用

在使用select2之前,也需要先連結cdn,以下就是需要連結的程式碼 &lt;link href=&quot;https://cdn.jsdelivr.net...

2024-10-03 ‧ 由 yuyu_1111 分享
DAY 26

Day26. js<onclick>事件

onclick是一個常見的事件處理器,他可以配合按鈕、連結、圖像做使用今天我就透過按鈕配合onclick做使用吧~ 以下為實作:實作內容主要想呈現,有一個按鈕,...

2024-10-04 ‧ 由 yuyu_1111 分享
DAY 27

Day27.監聽事件<click>

繼上一篇有提到onclick事件,那今天我們就來說說跟他有類似功能的addEventListener其中的click事件吧~接下來我們就來使用上一篇的範例,將o...

2024-10-05 ‧ 由 yuyu_1111 分享
DAY 28

Day28.監聽事件<change>

change事件主要用於監聽表單元素的值變更,尤其是像 &lt;input&gt;, &lt;select&gt;, 和 &lt;textarea&gt; 這類...

2024-10-06 ‧ 由 yuyu_1111 分享
DAY 29

Day29.<fetch api>基本格式

fetch api是現代 JavaScript 用於進行網路請求的接口。發送請求後,通過 fetch() 從伺服器獲取資料。以下為基本fetch程式碼 fetc...

2024-10-07 ‧ 由 yuyu_1111 分享
DAY 30

Day30.總結

三十天的web前端探索終於要結束啦~從第一天的安裝環境到後面的html、css、js,每天不斷的學習,一天成長一點,相信你們應該有更認識他們吧~如果還不熟悉也沒...

2024-10-08 ‧ 由 yuyu_1111 分享