前端開發
9
免費公開
房間資訊
記錄我的前端學習歷程
全部
全部
全部類型
免費與付費
最新發佈
最新發佈
鍋灶姊妹
2026/03/05
JavaScript淺嚐紀錄No.5-呈現真實世界的物件該如何運用?
物件(Object) MDN中如此介紹: 物件是一批相關的數據以及/或者功能,可裝載相關的資料與程式碼,資料部分是你塑造某個模型的資訊,而程式碼部分則用是操作行為(Method)實現。Object data – 函式部分通常也使用 —可工整地儲存 (正式一點應該是封裝 Encapsulated)
#
JavaScript
#
程式
#
Sarah
2
鍋灶姊妹
2026/03/05
JavaScript淺嚐紀錄No.5-呈現真實世界的物件該如何運用?
物件(Object) MDN中如此介紹: 物件是一批相關的數據以及/或者功能,可裝載相關的資料與程式碼,資料部分是你塑造某個模型的資訊,而程式碼部分則用是操作行為(Method)實現。Object data – 函式部分通常也使用 —可工整地儲存 (正式一點應該是封裝 Encapsulated)
#
JavaScript
#
程式
#
Sarah
2
鍋灶姊妹
2026/03/05
JavaScript淺嚐紀錄No.4-Array資料結構處理及應用
let array = [0,1,2,3,4] array.unshift(5) //在第一個位置加入5,原陣列值往後移動1個位置 console.log(array) //[5,0,1,2,3,4]資料結構 (data structure) 資料結構是電腦中儲存、組織資料的方式, 陣列資料結構
#
JavaScript
#
程式
#
加入
1
1
鍋灶姊妹
2026/03/05
JavaScript淺嚐紀錄No.4-Array資料結構處理及應用
let array = [0,1,2,3,4] array.unshift(5) //在第一個位置加入5,原陣列值往後移動1個位置 console.log(array) //[5,0,1,2,3,4]資料結構 (data structure) 資料結構是電腦中儲存、組織資料的方式, 陣列資料結構
#
JavaScript
#
程式
#
加入
1
1
鍋灶姊妹
2026/03/03
JavaScript淺嚐紀錄No.3-JS變數值為基本型別與影響
ECMAScript標準定義的七種資料型別 基本型別 (primitive type) String-字串”hello”。 Number-數字 (在 -(253 -1) and 253 -1 之間的數字), +Infinity、-Infinity、NaN也是數字型別。 Boolean-布林
#
JavaScript
#
程式
#
數字
1
鍋灶姊妹
2026/03/03
JavaScript淺嚐紀錄No.3-JS變數值為基本型別與影響
ECMAScript標準定義的七種資料型別 基本型別 (primitive type) String-字串”hello”。 Number-數字 (在 -(253 -1) and 253 -1 之間的數字), +Infinity、-Infinity、NaN也是數字型別。 Boolean-布林
#
JavaScript
#
程式
#
數字
1
鍋灶姊妹
2026/03/03
JavaScript淺嚐紀錄No.2-JS的中變數、函式的潛規則
宣告變數、賦值 (assign) 變數的作用 為什麼要使用變數,原因其實很簡單,就是為了不要重複打同樣的一大串程式碼,更簡單的說就是懶,所以創造變數讓它去記得想讓它去記得的東西(同樣的一大串程式碼)。 變數的命名是有規則的 需要注意的事項 變數的名稱被稱為 identifiers 需要遵從
#
JavaScript
#
程式
#
命名
鍋灶姊妹
2026/03/03
JavaScript淺嚐紀錄No.2-JS的中變數、函式的潛規則
宣告變數、賦值 (assign) 變數的作用 為什麼要使用變數,原因其實很簡單,就是為了不要重複打同樣的一大串程式碼,更簡單的說就是懶,所以創造變數讓它去記得想讓它去記得的東西(同樣的一大串程式碼)。 變數的命名是有規則的 需要注意的事項 變數的名稱被稱為 identifiers 需要遵從
#
JavaScript
#
程式
#
命名
鍋灶姊妹
2026/02/27
JavaScript淺嚐紀錄No.1-JS寬鬆模式V.S嚴格模式
JavaScript跟前端的關係? MDN中的介紹: JavaScript是一種准許你在網頁上實現複雜事物的程式語言 — 每次網頁要做的不只是停在那裏,並顯示靜態信息給你— 及時顯示內容更新、交互式地圖、繪製2D/3D 動畫圖形以及滾動視訊點唱機等等。— 你會發現 JavaScript 幾乎無處
#
JavaScript
#
程式
#
前端開發
1
鍋灶姊妹
2026/02/27
JavaScript淺嚐紀錄No.1-JS寬鬆模式V.S嚴格模式
JavaScript跟前端的關係? MDN中的介紹: JavaScript是一種准許你在網頁上實現複雜事物的程式語言 — 每次網頁要做的不只是停在那裏,並顯示靜態信息給你— 及時顯示內容更新、交互式地圖、繪製2D/3D 動畫圖形以及滾動視訊點唱機等等。— 你會發現 JavaScript 幾乎無處
#
JavaScript
#
程式
#
前端開發
1
鍋灶姊妹
2026/02/27
EP 03 | Asynchronous JS 的運用 - Callback Functions Hell
在了解 Callback Functions Hell ,必須先知道甚麼是 Callback Functions ,而 Callback Functions 怎麼造成 Callback Functions Hell。 Callback Functions 其實有寫過 JS 的 都應該有用過 Ca
#
Asynchronous
#
JavaScript
#
程式
鍋灶姊妹
2026/02/27
EP 03 | Asynchronous JS 的運用 - Callback Functions Hell
在了解 Callback Functions Hell ,必須先知道甚麼是 Callback Functions ,而 Callback Functions 怎麼造成 Callback Functions Hell。 Callback Functions 其實有寫過 JS 的 都應該有用過 Ca
#
Asynchronous
#
JavaScript
#
程式
鍋灶姊妹
2026/02/27
EP 02 | Asynchronous JS 的運用 - HTTP Requests
先來了解一下一個專有名詞 「AJAX」(非同步 JavaScript 及 XML,Asynchronous JavaScript and XML),這個名詞主要用來描述利用 JS 中數個方法來向伺服器取得資料,且不需要更新畫面即可及時取得最新內容,而這一篇主要是介紹如何使用 XMLHttpReque
#
Asynchronous
#
程式
#
JavaScript
鍋灶姊妹
2026/02/27
EP 02 | Asynchronous JS 的運用 - HTTP Requests
先來了解一下一個專有名詞 「AJAX」(非同步 JavaScript 及 XML,Asynchronous JavaScript and XML),這個名詞主要用來描述利用 JS 中數個方法來向伺服器取得資料,且不需要更新畫面即可及時取得最新內容,而這一篇主要是介紹如何使用 XMLHttpReque
#
Asynchronous
#
程式
#
JavaScript
鍋灶姊妹
2026/02/26
EP 01 | Asynchronous JS 的運用 - 什麼是 Async JavaScript?
一直以來都不是很了解 promise 、 fetch 、 async await 等等的區別及運用,所以特地用這一系列的筆記加深自己的印象。 Synchronous JavaScript(同步 JS )的概念 JavaScript 是 single threaded (單執行緒 / 單線程),
#
程式
#
JavaScript
#
Asynchronous
鍋灶姊妹
2026/02/26
EP 01 | Asynchronous JS 的運用 - 什麼是 Async JavaScript?
一直以來都不是很了解 promise 、 fetch 、 async await 等等的區別及運用,所以特地用這一系列的筆記加深自己的印象。 Synchronous JavaScript(同步 JS )的概念 JavaScript 是 single threaded (單執行緒 / 單線程),
#
程式
#
JavaScript
#
Asynchronous
鍋灶姊妹
2026/02/24
利用CSS border設計三角形
border有哪些屬性? 設計border樣式時,常會直接寫下border :1px solid #000,但這些屬性值個代表甚麼意思? 參考w3school的介紹 The border property is a shorthand property for the following in
#
CSS教學
#
紫色
#
設計
1
鍋灶姊妹
2026/02/24
利用CSS border設計三角形
border有哪些屬性? 設計border樣式時,常會直接寫下border :1px solid #000,但這些屬性值個代表甚麼意思? 參考w3school的介紹 The border property is a shorthand property for the following in
#
CSS教學
#
紫色
#
設計
1
加入
全部
全部
全部類型
免費與付費
最新發佈
最新發佈
鍋灶姊妹
2026/03/05
JavaScript淺嚐紀錄No.5-呈現真實世界的物件該如何運用?
物件(Object) MDN中如此介紹: 物件是一批相關的數據以及/或者功能,可裝載相關的資料與程式碼,資料部分是你塑造某個模型的資訊,而程式碼部分則用是操作行為(Method)實現。Object data – 函式部分通常也使用 —可工整地儲存 (正式一點應該是封裝 Encapsulated)
#
JavaScript
#
程式
#
Sarah
2
鍋灶姊妹
2026/03/05
JavaScript淺嚐紀錄No.5-呈現真實世界的物件該如何運用?
物件(Object) MDN中如此介紹: 物件是一批相關的數據以及/或者功能,可裝載相關的資料與程式碼,資料部分是你塑造某個模型的資訊,而程式碼部分則用是操作行為(Method)實現。Object data – 函式部分通常也使用 —可工整地儲存 (正式一點應該是封裝 Encapsulated)
#
JavaScript
#
程式
#
Sarah
2
鍋灶姊妹
2026/03/05
JavaScript淺嚐紀錄No.4-Array資料結構處理及應用
let array = [0,1,2,3,4] array.unshift(5) //在第一個位置加入5,原陣列值往後移動1個位置 console.log(array) //[5,0,1,2,3,4]資料結構 (data structure) 資料結構是電腦中儲存、組織資料的方式, 陣列資料結構
#
JavaScript
#
程式
#
加入
1
1
鍋灶姊妹
2026/03/05
JavaScript淺嚐紀錄No.4-Array資料結構處理及應用
let array = [0,1,2,3,4] array.unshift(5) //在第一個位置加入5,原陣列值往後移動1個位置 console.log(array) //[5,0,1,2,3,4]資料結構 (data structure) 資料結構是電腦中儲存、組織資料的方式, 陣列資料結構
#
JavaScript
#
程式
#
加入
1
1
鍋灶姊妹
2026/03/03
JavaScript淺嚐紀錄No.3-JS變數值為基本型別與影響
ECMAScript標準定義的七種資料型別 基本型別 (primitive type) String-字串”hello”。 Number-數字 (在 -(253 -1) and 253 -1 之間的數字), +Infinity、-Infinity、NaN也是數字型別。 Boolean-布林
#
JavaScript
#
程式
#
數字
1
鍋灶姊妹
2026/03/03
JavaScript淺嚐紀錄No.3-JS變數值為基本型別與影響
ECMAScript標準定義的七種資料型別 基本型別 (primitive type) String-字串”hello”。 Number-數字 (在 -(253 -1) and 253 -1 之間的數字), +Infinity、-Infinity、NaN也是數字型別。 Boolean-布林
#
JavaScript
#
程式
#
數字
1
鍋灶姊妹
2026/03/03
JavaScript淺嚐紀錄No.2-JS的中變數、函式的潛規則
宣告變數、賦值 (assign) 變數的作用 為什麼要使用變數,原因其實很簡單,就是為了不要重複打同樣的一大串程式碼,更簡單的說就是懶,所以創造變數讓它去記得想讓它去記得的東西(同樣的一大串程式碼)。 變數的命名是有規則的 需要注意的事項 變數的名稱被稱為 identifiers 需要遵從
#
JavaScript
#
程式
#
命名
鍋灶姊妹
2026/03/03
JavaScript淺嚐紀錄No.2-JS的中變數、函式的潛規則
宣告變數、賦值 (assign) 變數的作用 為什麼要使用變數,原因其實很簡單,就是為了不要重複打同樣的一大串程式碼,更簡單的說就是懶,所以創造變數讓它去記得想讓它去記得的東西(同樣的一大串程式碼)。 變數的命名是有規則的 需要注意的事項 變數的名稱被稱為 identifiers 需要遵從
#
JavaScript
#
程式
#
命名
鍋灶姊妹
2026/02/27
JavaScript淺嚐紀錄No.1-JS寬鬆模式V.S嚴格模式
JavaScript跟前端的關係? MDN中的介紹: JavaScript是一種准許你在網頁上實現複雜事物的程式語言 — 每次網頁要做的不只是停在那裏,並顯示靜態信息給你— 及時顯示內容更新、交互式地圖、繪製2D/3D 動畫圖形以及滾動視訊點唱機等等。— 你會發現 JavaScript 幾乎無處
#
JavaScript
#
程式
#
前端開發
1
鍋灶姊妹
2026/02/27
JavaScript淺嚐紀錄No.1-JS寬鬆模式V.S嚴格模式
JavaScript跟前端的關係? MDN中的介紹: JavaScript是一種准許你在網頁上實現複雜事物的程式語言 — 每次網頁要做的不只是停在那裏,並顯示靜態信息給你— 及時顯示內容更新、交互式地圖、繪製2D/3D 動畫圖形以及滾動視訊點唱機等等。— 你會發現 JavaScript 幾乎無處
#
JavaScript
#
程式
#
前端開發
1
鍋灶姊妹
2026/02/27
EP 03 | Asynchronous JS 的運用 - Callback Functions Hell
在了解 Callback Functions Hell ,必須先知道甚麼是 Callback Functions ,而 Callback Functions 怎麼造成 Callback Functions Hell。 Callback Functions 其實有寫過 JS 的 都應該有用過 Ca
#
Asynchronous
#
JavaScript
#
程式
鍋灶姊妹
2026/02/27
EP 03 | Asynchronous JS 的運用 - Callback Functions Hell
在了解 Callback Functions Hell ,必須先知道甚麼是 Callback Functions ,而 Callback Functions 怎麼造成 Callback Functions Hell。 Callback Functions 其實有寫過 JS 的 都應該有用過 Ca
#
Asynchronous
#
JavaScript
#
程式
鍋灶姊妹
2026/02/27
EP 02 | Asynchronous JS 的運用 - HTTP Requests
先來了解一下一個專有名詞 「AJAX」(非同步 JavaScript 及 XML,Asynchronous JavaScript and XML),這個名詞主要用來描述利用 JS 中數個方法來向伺服器取得資料,且不需要更新畫面即可及時取得最新內容,而這一篇主要是介紹如何使用 XMLHttpReque
#
Asynchronous
#
程式
#
JavaScript
鍋灶姊妹
2026/02/27
EP 02 | Asynchronous JS 的運用 - HTTP Requests
先來了解一下一個專有名詞 「AJAX」(非同步 JavaScript 及 XML,Asynchronous JavaScript and XML),這個名詞主要用來描述利用 JS 中數個方法來向伺服器取得資料,且不需要更新畫面即可及時取得最新內容,而這一篇主要是介紹如何使用 XMLHttpReque
#
Asynchronous
#
程式
#
JavaScript
鍋灶姊妹
2026/02/26
EP 01 | Asynchronous JS 的運用 - 什麼是 Async JavaScript?
一直以來都不是很了解 promise 、 fetch 、 async await 等等的區別及運用,所以特地用這一系列的筆記加深自己的印象。 Synchronous JavaScript(同步 JS )的概念 JavaScript 是 single threaded (單執行緒 / 單線程),
#
程式
#
JavaScript
#
Asynchronous
鍋灶姊妹
2026/02/26
EP 01 | Asynchronous JS 的運用 - 什麼是 Async JavaScript?
一直以來都不是很了解 promise 、 fetch 、 async await 等等的區別及運用,所以特地用這一系列的筆記加深自己的印象。 Synchronous JavaScript(同步 JS )的概念 JavaScript 是 single threaded (單執行緒 / 單線程),
#
程式
#
JavaScript
#
Asynchronous
鍋灶姊妹
2026/02/24
利用CSS border設計三角形
border有哪些屬性? 設計border樣式時,常會直接寫下border :1px solid #000,但這些屬性值個代表甚麼意思? 參考w3school的介紹 The border property is a shorthand property for the following in
#
CSS教學
#
紫色
#
設計
1
鍋灶姊妹
2026/02/24
利用CSS border設計三角形
border有哪些屬性? 設計border樣式時,常會直接寫下border :1px solid #000,但這些屬性值個代表甚麼意思? 參考w3school的介紹 The border property is a shorthand property for the following in
#
CSS教學
#
紫色
#
設計
1