摘要Day 7 我們已經能「按下刪除 → 立即移除一筆紀錄」。今天加上 window.confirm：刪除前先詢問使用者，避免手滑誤刪。同時保留 Day 7 的兩個好習慣：事件委派、多分頁同步（st...
摘要昨天（Day 6）我們完成了「歷史回顧」功能，使用者能看到所有紀錄。但有時候我們會想刪掉特定的一筆，例如： 測試用的假資料 打錯字的紀錄 已經不想保留的項目 今天就來完成「單筆刪除（Dele...
在上一篇文章有稍微提到建立專案時，可以選擇 JavaScript (JS) 或 TypeScript (TS) ，這篇主要會介紹兩者的差異，以及如何去做選擇、使用 比較 JavaScript...
摘要昨天（Day 5）我們學會了把拖延紀錄存進 LocalStorage，避免重整網頁後資料消失。但資料現在「藏在瀏覽器裡」，使用者還看不到。今天，我們要把這些紀錄讀出來，顯示在網頁上，做成「歷史回...
摘要昨天（Day 4）我們完成了表單操作：輸入沒做的事 → 選擇原因 → 顯示鼓勵語錄。但這個版本有一個缺點：一旦重整網頁，紀錄就消失了！今天要用 LocalStorage 讓資料留在瀏覽器裡，讓「...
本文同步發布於個人部落格 前面那篇一不小心提到了一些關於 TypeScript、關於型別的問題，本來 TypeScript 是想放到後面再來聊聊的，但想想還是先拿出來講好了。 眾所周知 Javas...
摘要介紹最小可行產品 (MVP) 如何在 coding 裡應用，啟發初學者構思出一個簡單的 code 架構，以降低新手對新領域的心理負擔。接著讓 Gemini CLI 根據 MVP 架構撰寫能跑的程...
摘要這篇文章一步步教剛接觸 VS Code 與 Node.js 的初學者快速在 macOS 上建立本機網頁開發環境。先安裝 Node.js 20+ 與 VS Code，接著建立一個專案資料夾並使用...
本系列文章所討論的 JavaScript 資安與逆向工程技術，旨在分享知識、探討防禦之道，並促進技術交流。所有內容僅供學術研究與學習，請勿用於任何非法或不道德的行為。讀者應對自己的行為負完全責任。尊...
上回我們提到JavaScript的特性，所以就也整理了一篇原型導向 原型導向是什麼？ 簡單來說就是沒有class，但仍然有物件導向的特性 （ES6 的 class 不是真的class，它只是語法糖）...