對axios的基礎認識與理解

axios相比jquery來說，axios更加的輕便。

從瀏覽器中建立 xmlhttprequest

從 node.js 發出 http 請求

支援 promise api

攔截請求和響應

轉換請求和響應資料

取消請求

自動轉換json資料

//axios的cdn

"">
<
/script>

使用axios的例子（json來自

document.body.

onload=(
)=>).
catch
((err)
=>)}
//控制台輸出, config: , …}

document.body.

onload=(
)=>).
then
((date)
=>).
catch
((err)
=>);
}//控制台輸入, status: 201, statustext: "created", headers: , config: , …}

document.body.

onload=(
)=>).
then
((date)
=>).
catch
((err)
=>);
}//控制台輸出, status: 200, statustext: "ok", headers: , config: , …}

document.body.

onload=(
)=>).
then
((date)
=>).
catch
((err)
=>);
}//控制台輸出, status: 200, statustext: "ok", headers: , config: , …}

document.body.

onload=(
)=>).
catch
((err)
=>);
}//控制台輸出, status: 200, statustext: "ok", headers: , config: , …}

document.body.

onload=(
)=>).
catch
((err)
=>);
}//控制台輸出(2) [, ]，成功返回兩個json

axios.spread();//分發函式

document.

getelementsbytagname
('input')[
0].onclick=(
)=>))
.catch
((err)
=>);
}//控制台分別輸出
//, status: 200, statustext: "ok", headers: , config: , …}
//, status: 200, statustext: "ok", headers: , config: , …}

const options =

document.body.
onload=(
)=>).
catch
((err)
=>)}
//控制台輸出, status: 200, statustext: "ok", headers: , config: , …}

前端高階 對盒模型的認識與理解

大多數網頁用的是盒子模型進行布局，所以在乙個網頁製作的過程中最基礎的也正是對盒模型的理解。首先，要了解盒模型的組成 乙個盒模型是由margin 外邊距 border 邊框 padding 內邊距 content 內容 組成的，其中真正屬於盒子的是border padding content。接下來，...

複數的認識與理解

複數 數從一維變成了二維平面 f w f f t f t e iwt dt複數在傅利葉變換中起到的作用主要是將正弦波和余弦波組合起來 ei x cosx i sinx 只是一種組合而已 一種數學 trick，或者數學家的魔法 目的是便於表達，或者簡化表達。首先先想象 et 指數函式 的函式形狀，將其...

複數的認識與理解

複數 數從一維變成了二維平面 f w f f t f t e iwtdt 複數在傅利葉變換中起到的作用主要是將正弦波和余弦波組合起來 只是一種組合而已 一種數學 trick，或者數學家的魔法 目的是便於表達，或者簡化表達。複數最直觀的理解就是旋轉！4 i i 4 就是 4 在數軸上旋轉了180度。那...