題目1: ajax 是什么?有什么作用?
AJAX的全稱是Asynchronous JavaScript and XML(異步的 JavaScript 和 XML)。
ajax不是新的編程語言,而是一種使用現有標準的新方法。ajax是與服務器交換數據并更新部分網頁的藝術,在不重新加載整個頁面的情況下。
ajax是一種在無需重新加載整個網頁的情況下,能夠更新部分網頁的技術。
ajax是一種用于創建快速動態網頁的技術。通過在后臺與服務器進行少量數據交換。ajax可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下,對網頁的某部分進行更新。而傳統的網頁(不使用ajax)如果需要更新內容,必須重載整個網頁面。
ajax的優點和作用:
1、最大的一點是頁面無刷新,用戶的體驗非常好。
2、使用異步方式與服務器通信,具有更加迅速的響應能力。。
3、可以把以前一些服務器負擔的工作轉嫁到客戶端,利用客戶端閑置的能力來處理,減輕服務器和帶寬的負擔,節約空間和寬帶租用成本。并且減輕服務器的負擔,ajax的原則是“按需取數據”,可以最大程度的減少冗余請求,和響應對服務器造成的負擔。
4、基于標準化的并被廣泛支持的技術,不需要下載插件或者小程序。
5、ajax可使因特網應用程序更小、更快,更友好。
題目2: 前后端開發聯調需要注意哪些事情?后端接口完成前如何 mock 數據?
- 約定好請求方法
- 請求路徑(URL)
- 前端需要傳遞什么樣的參數(入參)
- 數據格式(回參,包括可能的狀態碼)
mock 數據
可以通過 server-mock 來 mock數據
或者通過 easy-mock 來mock 數據
題目3:點擊按鈕,使用 ajax 獲取數據,如何在數據到來之前防止重復點擊?
一般在網速比較慢的時候,會發生這種情況,在數據沒有到來之前重復點擊會出現內容重復的現象。
解決:加個狀態鎖 來判斷數據是否到來
題目4:實現加載更多的功能,效果范例429,后端在本地使用server-mock來模擬數據
https://github.com/JSxiaocainiao/demos/tree/master/loading