系列文章
DAY 21
Day21.CSS<hover>效果
如果想要透過css做一個簡單的互動效果，移動鼠標後會有不同的反應，就可以使用<hover>hover的使用其實很簡單，只需要將你希望鼠標移過後的樣子...
DAY 22
Day22.CSS<z-index>屬性
z-index主要控制元素的堆疊順序，決定哪個元素會顯示在最上面，不過z-index只有在有設定position為relative、absolute、fixed...
DAY 23
Day23.<bootstrap>運用-連結
bootstrap是很受歡迎的前端框架，用來簡化 HTML、CSS 和 JavaScript 開發，它提供了多種預設樣式、組件和工具，只需要提前連結bootst...
DAY 24
Day24.<bootstrap>運用-實作
在前一篇有提到bootstrap如何連結，那現在連結完了，我們就來實作看看吧~~ 1. icon套件首先，先選擇一個自己想要的icon，將他的icon font...
DAY 25
Day25.<select2>運用
在使用select2之前，也需要先連結cdn，以下就是需要連結的程式碼 <link href="https://cdn.jsdelivr.net...
DAY 26
Day26. js<onclick>事件
onclick是一個常見的事件處理器，他可以配合按鈕、連結、圖像做使用今天我就透過按鈕配合onclick做使用吧~ 以下為實作:實作內容主要想呈現，有一個按鈕，...
DAY 27
Day27.監聽事件<click>
繼上一篇有提到onclick事件，那今天我們就來說說跟他有類似功能的addEventListener其中的click事件吧~接下來我們就來使用上一篇的範例，將o...
DAY 28
Day28.監聽事件<change>
change事件主要用於監聽表單元素的值變更，尤其是像 <input>, <select>, 和 <textarea> 這類...
DAY 29
Day29.<fetch api>基本格式
fetch api是現代 JavaScript 用於進行網路請求的接口。發送請求後，通過 fetch() 從伺服器獲取資料。以下為基本fetch程式碼 fetc...