trim 處理字串前後空格 slice取特定範圍字串 indexOf 查找字串位置 <!DOCTYPE html> <html lang=&q...
推薦使用js-cookie js-cookie 環境配置 CDN 或 套件命令 npm i js-cookie 語法 儲存 Cookies.set...
localStorage MDN文件 語法: 儲存 localStorage.setItem("myCat", "Tom&...
Axios環境設定 套件連結 CDN 套件指令安裝Using npm: $ npm install axiosUsing bower: $ bower in...
fetch 串 PokeAPI fetch("https://pokeapi.co/api/v2/pokemon/ditto")...
第三方套件 lodash // 使用 lodash 的 cloneDeep 方法進行深拷貝 const obj2 = _.cloneDe...
淺拷貝方法 slice 展開運算子[...] Object.assign <!DOCTYPE html> <html lang="...
concat 方法 被用來合併兩個或多個陣列。此方法不會改變現有的陣列，回傳一個包含呼叫者陣列本身的值，作為代替的是回傳一個新陣列 //.合併兩個陣列並去除重複...
reduce 方法將一個累加器及陣列中每項元素（由左至右）傳入回呼函式，將陣列化為單一值。 const people = [ { name: "...
Filter 篩選資料 const scoreData = [55, 60, 67, 82, 45, 90, 58]; // filter方法 const...
forEach <!DOCTYPE html> <html lang="en"> <head>...
陣列搭For迴圈渲染 <!DOCTYPE html> <html lang="en"> <head>...
pop 刪除陣列末端的最後一個資料 shift 刪除陣列的第一個資料 Arr = []; 清除陣列所有資料 <!DOCTYPE html> <...
push 新增陣列新元素至陣列後方 unshift 新增陣列新元素至陣列前方 <!DOCTYPE html> <html lang="...
定義陣列 做一個上下切換的文字牆 定義陣列內容 const Arr = ["你好嗎???", "我是XXXX", &qu...
計時器 setTimeout() 執行次數： setTimeout：只執行一次。setInterval：重複執行，直到被明確停止。用途：setTimeout：適...
從0數到15的計數器 <!DOCTYPE html> <html lang="en"> <head>...
使用 Toggle 切換Class 可以簡化至同一個按鈕做開關切換 ` <div class="Textlist">...
透過ClassList add增加、remove移除 透過兩個按鈕做一個清單開關收闔 1.首先先用CSS預設list清單是消失 display = none;...
click 與.addEventListener 「可以同時」綁定多個事件 .onclick 「不能同時」綁定多個事件 <!DOCTYPE html>...
匿名函式 用匿名函式達到操作DOM元素效果 <!DOCTYPE html> <html lang="en"> &...
innerHTML 取得在一個節點內的全部樣式 innerText 取得在一個節點內的全部 HTML 標籤和文字 <!DOCTYPE html> &...
用按鈕切換標題 步驟 1 選取標題元素： const title = document.querySelector(".title"...
一般的Function function Hello() { console.log("一般的Function", "Hell...
querySelector 尋找DOM 可以用來尋找(ID)、Class、tag const H1Class = document.querySelecto...
加減乘除 // 加減乘除 let a1 = 1 + 1; let a2 = 2 - 1; let a3 = 2 * 6; let a4 = 6 / 2; c...
&& 需滿足所有條件 // && 語法範例 let a = true; let b = false; if (a &&...
if判斷式 if…else const Str = "1234"; const Numstr = 1234; if (Str == N...
變數宣告 var 全域變數： var 宣告的變數在函式作用域內是全域的，並且可以在函式內的任何地方使用。var 變數可以重新宣告和重新賦值。var 變數會被...
Node.js環境配置 首先這是Node.js的官網https://nodejs.org/zh-tw NVM 安裝 node 使用 * nvm list ava...
iThome鐵人賽
看影片追技術