iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

GPT 救救我!菜雞小海獺的前端成長之旅 系列

嗨大家好,我是一隻想轉職成前端的海獺。
參加鐵人賽的主要目的是,希望在寫文章的同時能把那些不懂的地方搞懂。
內容主要圍繞在 HTML, CSS, JavaScript 中,可能以 CSS 跟 JavaScript 為主。這個主題寫到最後會變怎樣我也不知道 XD
就讓文章們自由發揮吧 O_< (?!

鐵人鍊成 | 共 30 篇文章 | 14 人訂閱 訂閱系列文 RSS系列文 團隊哥布林殺手
DAY 21

D21 - JS - 基礎 - 流程控制 - 條件判斷與例外處理

來我們一起唸三次:不回傳的是陳述式、會回傳結果的是表達式不回傳的是陳述式、會回傳結果的是表達式不回傳的是陳述式、會回傳結果的是表達式 以下正文開始 O_&lt;...

2023-09-22 ‧ 由 CatBoxy 分享
DAY 22

D22 - JS - 基礎 - 流程控制 - 循環與迭代

迴圈(loop) 迴圈的目的是重複執行某個動作,例如按下開始鈕開始報數 1、2、3、…,直到完成目的才停止。JS 提供了許多簡便的方法來完成這些重複的事。 fo...

2023-09-23 ‧ 由 CatBoxy 分享
DAY 23

D23 - JS - 基礎 - 其他 - 字串處理 - 1(toString, toUpperCase, toLowerCase, split, join)

從後端收到資訊、或者收到來自使用者的資料時,常會需要對這些資料做處理。以下介紹一些處理字串的方法。 array.toString() 將陣列內的值取出,用逗號連...

2023-09-24 ‧ 由 CatBoxy 分享
DAY 24

D24 - JS - 基礎 - 其他 - 字串處理 - 2

string.replace() 將指定字串 pattern 替換成給定的字串 replacement,並回傳處理後的新字串 // 用法 str.replace...

2023-09-25 ‧ 由 CatBoxy 分享
DAY 25

D25 - JS - 基礎 - 其他

這一篇文章主要介紹那些常用但不知該如何分類的方法XD也算是增加我的理解這樣。 parseInt() 將輸入的字串轉成整數。 // 語法 parseInt(str...

2023-09-26 ‧ 由 CatBoxy 分享
DAY 26

D26 - JS - 基礎 - DOM - 1 - 元素的操作

藉由前面的文章,知道了各種 HTML、CSS 與 JavaScript 的一些基本使用,接下來來了解怎麼透過 JavaScript 來影響網頁上的元素。 DOM...

2023-09-27 ‧ 由 CatBoxy 分享
DAY 27

D27 - JS - 基礎 - DOM - 2 - 元素的新增與修改

這一篇要介紹的是如何使用 JavaScript 來取得或控制元素的內容~~ setAttribute() 與 getAttribute() setAttrib...

2023-09-28 ‧ 由 CatBoxy 分享
DAY 28

D28 - JS - 基礎 - DOM - 3 - 瀏覽器事件(browser event)

前兩篇關於 DOM 的文章,我們大略知道如何新增、刪除或修改 DOM 中的節點了。這篇來了解如何監控 DOM 產生的事件們。 具體的事件類別(type)有:...

2023-09-29 ‧ 由 CatBoxy 分享
DAY 29

D29 - JS - 基礎 - DOM - 4 - Cookie、Storage

在逛網拍開心瞎拚時,伺服器怎麼知道你是誰、你喜歡什麼、你買了什麼呢?此時需要一些能夠讓伺服器辨別「你是誰」、「你喜歡什麼」、「你做了什麼」的機制,這些機制可以儲...

2023-09-30 ‧ 由 CatBoxy 分享
DAY 30

D30 - 完賽感言

Photo by Colton Duke on Unsplash 挖喔我寫完了!(灑花 從將大綱交給 GPT 產出後,陸續修改了幾次大綱。從一開始的游刃有餘(...

2023-10-01 ‧ 由 CatBoxy 分享