iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

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

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

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

D11 - CSS - 佈局基本 - position

簡介 position 是用來決定元素在網頁中如何定位的一種屬性,使用 top、bottom、left、right 的值來控制最終的位置。常見的例子如固定在頁首...

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

D12 - CSS - 佈局基本 - display:block、inline、inline-block

display 所有 HTML 元素都有預設的 display,而 display 可以決定元素在網頁中的排列方式。在本系列的第一篇文章(D1)中曾提到了「區塊...

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

D13 - JS - 基礎 - 基礎概念與 API 簡介

前言 JavaScript,常簡稱為 JS,是一種腳本語言,它可以在前端與後端使用。以前端來說,它可以替網頁加入各式的互動功能:例如按下按鈕後的動作,是要送出表...

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

D14 - JS - 基礎 - 變數與宣告、暫時死區(TDZ)

變數(Variables) 是儲存資料用的容器。容器內可以放字串(String)、數值(Number)、布林值(Boolean)、陣列(Array)或是物件(O...

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

D15 - JS - 基礎 - 資料型別、運算子、陳述式與表達式定義

資料型別(Data type) String(字串) 可以是任何文字。 若作為變數的值時,須以 &quot; &quot; 或 ' ' 包起來。 字串的長度是...

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

D16 - JS - 基礎 - 函式的宣告與名詞定義

函式是 JS 的基本。為了讓 JS 幫我們執行一些重複的任務或計算,我們需要把這些程式碼寫成一個函式,依據輸入值的不同,得到不同的結果,進而達到重用的目的。使用...

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

D17 - JS - 基礎 - 陣列 - 1

情境 今天你拿到了一筆待整理的水果種類資料(apple)。稍微看過後,覺得只有一筆,整理起來不難。 下一次拿到了五筆的水果種類清單(apple、kiwi、ban...

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

D18 - JS - 基礎 - 陣列 - 2(map, filter, reduce, concat, find, findindex)

上一篇談的是一些較簡單的陣列內建方法,這邊來談複雜一點點的。 array.map() 會建立新陣列 新陣列的元素們來自於 callbackFn 計算後的結果集...

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

D19 - JS - 基礎 - 物件 - 1 - 宣告、取值與修改

什麼是物件(object) JS 是以物件為導向設計(Object-oriented programming, OOP)的程式語言。從字串到陣列,甚至是函式,或...

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

D20 - JS - 基礎 - 物件 - 2:傳值、傳參考與深淺拷貝

傳值(call by value) Fig. 1. call by value 示意, PJCHENder,https://pjchender.blogspot...

2023-09-21 ‧ 由 CatBoxy 分享