專案資訊 專案名稱 黃金儀表板｜XAUUSD K線、支撐壓力與 AI 市場分析 專案簡介 黃金儀表板是一個以市場研究為導向的XAUUSD Web儀表板，將即時價...
「只要條件成立，就一直重複執行」 while 基本語法 while (條件) { // 要重複執行的程式 } 第一個範例：數到5 let i = 1;...
for 是 JavaScript 中最常用的迴圈，適合在知道要重複幾次的情況使用 可以把它想成： 「每天照著待辦事項，一件一件完成。」 例如：點名全班 30 位...
findIndex() 是 JavaScript 陣列中很常用的方法之一 它和 find() 很像，但最大的差別是： find() → 回傳符合條件的元素fin...
什麼是 find()？ 如果 map() 是「加工資料」、filter() 是「篩選多筆資料」，那麼 find() 就是「尋找第一筆符合條件的資料」 它會從陣...
關於filter() filter() 是用來「挑資料」而不是「改資料」 從陣列中篩選出符合條件的資料，並回傳一個新的陣列。 它不會修改原本的陣列。 fil...
什麼時候該使用 map()？ 當你的需求是「每個元素都要處理一次，而且要得到一個新的陣列」時，就很適合使用 map() map() = 將陣列中的每一個資料，...
為何要安裝axios 安裝 Axios 的核心目的就是為了提高開發效率、讓程式碼更乾淨、更好維護。它把發送網路請求時需要做的瑣碎雜事（轉格式、檢查錯誤、帶憑...
1. fetch + then（最基本)瀏覽器內建，不用裝套件，但一層一層 .then 串接 fetch("https://api.example.c...
AJAX 是什麼？ AJAX（Asynchronous JavaScript and XML）是一種讓網頁可以在不重新整理整個頁面的情況下，與伺服器溝通、更新部...
forEach 是什麼？ forEach 是陣列（Array）的一個方法，用來走訪陣列中的每一個元素，並對每個元素執行你指定的動作 基本語法 let data...
nodeName是什麼 nodeName 是 DOM 元素的一個唯讀屬性，可以告訴你「這個節點是什麼類型」 //HTML <input type = &q...
Event（事件）是什麼？ Event 就是「網頁上發生的事情」，例如： 使用者點擊按鈕 使用者輸入文字 滑鼠移到某個元素上 頁面載入完成 簡單說：只要使用...
innerHTML 和 for 迴圈 動態產生水果清單 //HTML <ul class="fruitList"></ul...
為什麼要學 DOM？ 你可以把網頁想成一間房子，HTML 是蓋房子的「結構」（牆壁、房間、家具擺放位置),但蓋好之後房子是靜態的、不會動的。DOM（Docume...
為何會用到函式 因為同樣的邏輯常常要重複用很多次,把它包成函式,以後只要「呼叫一下」就能重複使用,不用每次都重寫一遍。 範例一 泡麵機 假設你要寫一個「泡泡麵」...
陣列裡面放物件 let fruits = [ { name: "蘋果", price: 35, stock: 2...
物件的格式 let student = { name: "小明", // 字串 school: "台北大學&...
何時該用陣列(Array)當你需要儲存多筆同類型、有順序的資料,並且之後要對這群資料做有條理的批次處理(如查詢、新增、刪除、計算、轉換) 資料是「一群東西」而...
情境題 1：便利商店折扣便利商店活動：消費滿 100 元才能參加折扣。滿 100 元的話，如果是會員再打 9 折，非會員打 95 折 let total = 1...
情境一：自動販賣機買飲料你有 50 元，一瓶飲料要 35 元。進入販賣機時，機器要判斷你的錢夠不夠。 const myMoney = 50; const dri...
比較運算子大於> console.log(3>2); //輸出true 小於< console.log(4<1); //輸出false...
字串轉數字 let a = "1"; console.log(a+1); //輸出11 加入parseInt語法 let a = &quo...
undefined 是 代表「尚未賦值」或「沒有定義」。當程式預期要取得某個值，但該值不存在或尚未產生時，就會回傳 常見的 4 種出現時機 變數已宣告，但尚未...
處理字串的方式查字串長度-length let a = "1234567890"; console.log(a.length); //輸出1...
字串的宣告方式 let a = 'Hello'; //字串加上單引號或是雙引號 "Hello" let b = '你好嗎?'; consol...
賦值運算子（Assignment Operator）是用來將數值、字串或運算結果，指定（賦予）給變數的程式符號 運算子 範例 等同於 說明 = x...
三者比較表 特性 var let const Scope（作用域） Function scope只被函式限制 Block scope被 { } 限...
嗨，我是han，今天要來討論另外一個在用JavaScript開發時常常會遇到，但很容易踩到坑的 this；這篇文章小弟以程式小白的角度，整理出開發過程中遇到 t...
第一次發文，選擇了困擾許久，卻在最近突然茅塞頓開的正規表達式，如果剛好有小白也深受正規表達式荼毒(?)，希望有幸看到這篇文章能對您有所幫助。由於markdown...
看影片追技術