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被 { } 限...
技術內容 在資料傳輸前,有些相關的文件及當中的欄位、邏輯Annotation之類的必須要有,才能運作程式因此要先確認這些事情有沒有做 1. 在Servlet文件...
嗨,我是han,今天要來討論另外一個在用JavaScript開發時常常會遇到,但很容易踩到坑的 this;這篇文章小弟以程式小白的角度,整理出開發過程中遇到 t...
第一次發文,選擇了困擾許久,卻在最近突然茅塞頓開的正規表達式,如果剛好有小白也深受正規表達式荼毒(?),希望有幸看到這篇文章能對您有所幫助。由於markdown...
toString(2) 可以把數字轉成二進位的字串 (9).toString(2) //1001 數字外要加括號,否則 JS 預設會將.當作小數點,導致語...
前一天我們談的是為什麼要有 TypeScript今天要解決的是新手最常卡住的一點:型別到底在寫什麼?為什麼要寫? 一、型別其實是在幫資料寫說明書 let ag...
如果寫 JavaScript 一段時間,應該多少遇過程式可以跑、畫面也出來了,但某個按鈕一點就壞,錯誤訊息還指向一個你完全沒想到的地方。TypeScript 的...
剛開始寫程式的時候,通常會遇到幾個狀況,像是一個檔案越寫越長、同一段邏輯重複好幾次、變數名字當下看得懂過幾天就忘了問題通常不會現在體現而是下一次要改的時候 一...
在新手階段,我們很容易把成功執行當成終點只要沒報錯、畫面有出來、功能能用就會下意識覺得完成了 問題是,如果專案一變大、使用者一變多時,會出現問題 一. 效能不...
在學 JavaScript 的過程中,this 幾乎是很容易誤解的一個關鍵字很多混亂並不是因為語法寫錯,而是一開始就用錯理解方式 一. this 不是寫在哪裡...
JavaScript 其實不是 class 在撐世界剛開始學 JavaScript 的時候,我一直以為它跟 Java、C# 很像有 class、有 constr...
今天這一篇要解決的是另一種新手常見的痛點專案越寫越亂,到底該怎麼整理?我們會談三件事: src 裡面怎麼分資料夾 .env 環境變數到底在幹嘛 圖片、資產要放...