Directus 有提供 javascript 工具方便整合，先在先前的 NextJS 專案中安裝 yarn add @directus/sdk 開一個新頁面測試，順便套個 Tanstack Que...
箭頭函數 Arrow Function 是在 ES6 增加的一種函數定義方式，語法相對更簡潔更加容易閱讀，箭頭函數使用 => 來定義，視情況可以省略 function & return...
陣列常用方法 .map 將陣列內的每個元素，皆傳入並執行一次類似 forEach()，但 map() 會產生一個新陣列 將陣列中的元素變成兩倍 const list = [1,2,3,4]...
第15天：學習 JavaScript 中的資料類型：字串 (string) 今天是我參加 IT 鐵人賽的第十五天，我決定學習 JavaScript 中的字串資料類型。字串是程式設計中最常用的資料類型之...
JavaScript入門教學Day19 Todo list專案總結 程式碼html部分： <!DOCTYPE html> <html lang="en">...
Todo List專案–使用localStorage儲存待辦事項 今天我的目標是讓待辦事項在頁面重新載入後依然存在，這可以通過 localStorage 來實現。localStorage 是一個可以儲...
Todo List 專案–刪除功能的實作 在昨天完成了基本的新增功能後，今天我要實現刪除待辦事項的功能。每一個新增的待辦事項都會附上一個「刪除」按鈕，使用者點擊該按鈕後，可以將該待辦事項從清單中移除。...
在 JavaScript 中，非同步操作（如網絡請求、計時器、讀取文件等）是常見的編程場景。然而，傳統的回呼函數（callback functions）方式容易導致“回呼地獄”，讓代碼難以維護和閱讀。...
以往我比較常用 CSS animation 來做動畫，但其實 JavaScript 也有一個 Web Animations API 可以操作 CSS 動畫和 SVG 動畫。比較起來，Web Anima...
Todo List專案–基礎功能實作 今天我將開始實作一個基礎的Todo List專案。主要目的是讓使用者能夠在輸入框中輸入待辦事項，點擊新增按鈕後，將事項添加到清單中顯示。這個項目將讓我們學習如何利...