iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

前端藏寶圖 系列

每日勤懇挖寶的過程紀錄,預計走訪的礦區如下:
*JavaScript基礎區
*DOM/BOM 瀏覽器區
*網路世界區
*非同步區

鐵人鍊成 | 共 30 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室V5.0
DAY 21

上有政策 - 同源政策

為什麼要有同源政策? 可以先想想沒有同源政策會發生什麼事? 當你在看這篇文章時,可以看看你的瀏覽器開了多少分頁,可能開了 gmail 信箱的頁面,臉書,無數部落...

2021-10-06 ‧ 由 Chiahsuan 分享
DAY 22

下有對策 - CORS

前言 雖然還沒實際碰過 CORS 錯誤,但實在太好奇了,所以到處看了文章,得出兩個感想: 查不到解法的時候就是要看規範了。CORS的規範:Fetch 需要由...

2021-10-07 ‧ 由 Chiahsuan 分享
DAY 23

來做一個鐵人賽倒數計時器吧!

前言 呼~鐵人賽終於來到倒數一週的時刻了~ 參加鐵人賽的大家都辛苦了! 為了振奮一下精神,今天來嘗試做一個簡單的倒數計時畫面吧~ HTML: 先準備好標題和倒數...

2021-10-08 ‧ 由 Chiahsuan 分享
DAY 24

來做一個色碼轉換器吧!

前言 今天來做一個色碼轉換器~ 我們先認識色碼之間的關係,拆解步驟後再一步步完成吧! 顏色表示的方法 RGB色碼:rgb(0, 0, 0) --- rgb(...

2021-10-09 ‧ 由 Chiahsuan 分享
DAY 25

來做一個簡單的 To-do List 吧! (上)

前言 今天來嘗試做個簡單版的 To-do List,讓自己對於 To-do List 的實作有一個粗略的概念,以下會先敘述實作流程,再一步步完成。 那就開始囉~...

2021-10-10 ‧ 由 Chiahsuan 分享
DAY 26

來做一個簡單的 To-do List 吧!(下)

前言 接續昨天的部分,今天要繼續實作完成事項區的功能,那就直接開始囉~ 將完成事項回復到待辦狀態 目標:當點選到文字或是勾勾圖示,該筆事項就會放回待辦事項區...

2021-10-11 ‧ 由 Chiahsuan 分享
DAY 27

色碼轉換器再進化

前言 今天來優化 Day24 做的色碼挑戰器,主要增加的功能如下: 新增轉換成RGBA 點選色碼可以直接複製 因為要多顯示一個色碼表示法,將排版做了些微調整...

2021-10-12 ‧ 由 Chiahsuan 分享
DAY 28

來做一個跟屁蟲鎂光燈

標題聽起來很厲害(?),不過今天只需要認識一個 Web API - Element.getBoundingClientRect()~ getBoundingC...

2021-10-13 ‧ 由 Chiahsuan 分享
DAY 29

來畫一個視力檢查表吧!

前言 今天要來研究的是 canvas~ 踩下去才發現是一個大坑XD,以下先從最基本的開始認識起,最後再來嘗試畫出自己的視力檢查表 codepen實作 canva...

2021-10-14 ‧ 由 Chiahsuan 分享
DAY 30

前端藏寶圖 - 寶藏在哪兒?

前言 第一次參加鐵人賽,很單純的只是將自己學習的內容做整理記錄,有很多不周全的地方,謝謝其他鐵人們的友善包容 以下將自己原先規劃要學習的領域和文章做整理,實作的...

2021-10-15 ‧ 由 Chiahsuan 分享