maru

axios 打API 不手軟

一個前端工程師的日常就是打不完的 API，接不完的資料。而串接 API 最常使用的函式庫莫過於 axios，但是雖然每天都在用，卻常常覺得用的只是皮毛，始終都沒有好好地去研究與了解 axios，這篇筆記就讓我好好來記錄一下 axios 的使用觀念與方法。

在 JavaScript 中，indexOf() 是一個非常實用的方法，用在尋找特定元素或子字串在陣列/字串中第一次出現的位置索引（Index）。除了用於判斷字串或陣列是否包含某個子字串 / 元素之外，也用於切割字串或是安全判斷，以下筆記一下 indexOf() 的基本觀念與使用方法。

在 JavaScript 中，filter()也是常常拿來處理陣列資料的方法，可以把它想像成一個濾網，只有通過條件測試（回傳值為 true ）的資料才會被取出。

JS 提供許多方法來處理陣列，map()是常用的幾種方法之一，以下整理幾種常用的情境及使用方法，方便自己記憶與複習。

上一篇《VUE 表格元件進階-排序》有提到把表格做成公用的子元件，子元件本身有排序的功能，在這一篇我要加上分頁的功能，把分頁元件當成表格元件的子元件，如此一個表格元件的功能才算完整。

身為一個前端工程師常常會遇到處理表格的問題，SA 開出來的需求大概就是排序、一頁顯示幾筆資料及分頁等功能。這裡我先筆記一下，如何達成排序的功能。

sort() 方法用於對 JavaScript 陣列就地排序，即直接修改原陣列，並回傳排序後的陣列。它的行為取決於是否提供比較函式 (compare function)。

在 JavaScript 中，Number(value) 常被拿來驗證數字的型別，它會嘗試將 value 轉換為數字，可能會發生以下幾種情況

computed 是 VUE 提供的計算方法，會觀察自己函式內響應式資料的變化，並返回一個值。就像一個臨時快照一般，當自己函式內的響應式資料發生變化，computed 就來拍一張快照，並把這張快照放在暫存裡面，所以 computed 是響應資料變化的結果，不能由結果回過頭去改變資料。

首先要知道的是：原生的連結、按鈕及輸入，預設就是可以依據 HTML DOM 的結構順序由上而下、由左而右，使用鍵盤 tab 鍵來依序聚焦。至於其他元素則需要使用 tabindex 這個標籤來設置，就讓我來整理一下 tabindex 如何使用。