Category JavaScript

axios 打API 不手軟

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

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

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

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

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

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

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

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

去年有參與開發一個 leaflet 圖台，那時匆匆忙忙再加上沒經驗，很多地方都沒有搞懂，程式能動就怎麼幹。今年圖台要新增兩個圖層，剛好我可以再回頭來研究一下 leaflet 的 L.geoJSON()。

那天我遇到這樣的一個情況，我接的圖表API傳來了各分公司的業績數據，但是分公司的順序並沒有照編號排序，我知道如果直接跑圖表，PM大人之後依定會要求要排序，而有排序的分公司列表是另外一支API傳來的資料，所以我必須依照有序的資料去排那份無序的公司業績數據。