Subscribe to 雞蛋糕的前端修煉屋
雞蛋糕的前端修煉屋線上課程觀課進度管理小工具開發日誌
雞蛋糕的前端修煉屋Day 6：JavaScript 程式碼執行排序：遞迴函數、Call Stack、Task Queue
Call Stack；遞迴函數與 call stack 的關係；Task Queue（非同步的概念再釐清）
雞蛋糕的前端修煉屋Day 9：「修煉圈圈 Practice Rings」Web app 開發日誌 - 2025 六角 AI Vibe Coding 體驗營期末大魔王作業
這份筆記旨在記錄 2025 六角 Vibe Coding 體驗營每日作業 Day 21 的期末專案成果，從一個簡單的個人痛點出發，透過與 AI（在我這個情境中是 Perplexity）協作，在一天內完成了一個包含前後端的全端網頁小工具：「修煉圈圈 Practice Rings」。
<100 subscribers
雞蛋糕的前端修煉屋線上課程觀課進度管理小工具開發日誌
雞蛋糕的前端修煉屋Day 6：JavaScript 程式碼執行排序：遞迴函數、Call Stack、Task Queue
Call Stack；遞迴函數與 call stack 的關係；Task Queue（非同步的概念再釐清）
雞蛋糕的前端修煉屋Day 9：「修煉圈圈 Practice Rings」Web app 開發日誌 - 2025 六角 AI Vibe Coding 體驗營期末大魔王作業
這份筆記旨在記錄 2025 六角 Vibe Coding 體驗營每日作業 Day 21 的期末專案成果，從一個簡單的個人痛點出發，透過與 AI（在我這個情境中是 Perplexity）協作，在一天內完成了一個包含前後端的全端網頁小工具：「修煉圈圈 Practice Rings」。
基本指令，亦可在 VS code GUI 操作：
git add [要暫存的檔案]
git commit -m "更新內容筆記說明"
git branch：建立分支
git checkout：跳到某分支或某標籤
(選用) git push：推送到雲端程式庫如 GitLab、GitHub
安裝 node.js, vitest 初步理解 TDD 開發流程，測試先寫（app.test.js），再寫功能邏輯（app.js），最後由主程式（main.js）負責串接互動
為了讓 Node.js 可以在終端機互動，連結到 readline 和非同步的概念
閱讀文件：
非同步允許 JS 邊執行主程式、邊等待資料（如 API、IO），常見技術有 callback、Promise、async/await
Promise 用 then、catch、finally 串接處理流程
async/await 是基於 Promise 的語法糖，讓非同步流程容易讀懂/寫測試
readline 讓 Node.js 互動式接收使用者輸入，適合 CLI 練習
補充文件：
expect().toBe()：嚴格相等（基本型別）
expect().toEqual()：內容（陣列、物件）深度比對
expect().toMatch()：字串或正則表達式片段比對
注意：用原生 .match() 包在 expect，result 只要不是 null 就可能 test pass，正式專案務必注意要用 matcher 方法！
補充文件：
Number(n) 讓字串轉成數值，可搭配 isNaN() 判斷資料有效性
num.toString() 或模板字串 `${num}` 快速把數字轉成字串，適合終端機/前端輸出
補充文件：
語法：for (let i=1; i<=n; i++) 可多層 nested 使用
搭配 if 判斷式執行或 break 跳出
空陣列：let arr = [];
產生一個長度為n的陣列，從 arr[0] = 1 開始依序填值：let arr = Array.from({ length: n }, (v, i) => i + 1); v 為 undefined、i 為 index
加總所有元素：arr.reduce((acc,cur)=>acc+cur,0)，原理是設定初始值為 0，依照 index 逐一 callback 目前累積得到的總和acc和（下一個要加的值）當前元素cur
映射每個元素（到新陣列）：arr.map
補充文件：
基本指令，亦可在 VS code GUI 操作：
git add [要暫存的檔案]
git commit -m "更新內容筆記說明"
git branch：建立分支
git checkout：跳到某分支或某標籤
(選用) git push：推送到雲端程式庫如 GitLab、GitHub
安裝 node.js, vitest 初步理解 TDD 開發流程，測試先寫（app.test.js），再寫功能邏輯（app.js），最後由主程式（main.js）負責串接互動
為了讓 Node.js 可以在終端機互動，連結到 readline 和非同步的概念
閱讀文件：
非同步允許 JS 邊執行主程式、邊等待資料（如 API、IO），常見技術有 callback、Promise、async/await
Promise 用 then、catch、finally 串接處理流程
async/await 是基於 Promise 的語法糖，讓非同步流程容易讀懂/寫測試
readline 讓 Node.js 互動式接收使用者輸入，適合 CLI 練習
補充文件：
expect().toBe()：嚴格相等（基本型別）
expect().toEqual()：內容（陣列、物件）深度比對
expect().toMatch()：字串或正則表達式片段比對
注意：用原生 .match() 包在 expect，result 只要不是 null 就可能 test pass，正式專案務必注意要用 matcher 方法！
補充文件：
Number(n) 讓字串轉成數值，可搭配 isNaN() 判斷資料有效性
num.toString() 或模板字串 `${num}` 快速把數字轉成字串，適合終端機/前端輸出
補充文件：
語法：for (let i=1; i<=n; i++) 可多層 nested 使用
搭配 if 判斷式執行或 break 跳出
空陣列：let arr = [];
產生一個長度為n的陣列，從 arr[0] = 1 開始依序填值：let arr = Array.from({ length: n }, (v, i) => i + 1); v 為 undefined、i 為 index
加總所有元素：arr.reduce((acc,cur)=>acc+cur,0)，原理是設定初始值為 0，依照 index 逐一 callback 目前累積得到的總和acc和（下一個要加的值）當前元素cur
映射每個元素（到新陣列）：arr.map
補充文件：
Share Dialog
Share Dialog
No comments yet