1. 程式人生 > >前端面試準備

前端面試準備

制作 是我 github上 push scrip 高等數學 ddl 情況下 通用

過完年來到了北京,開始準備面試,這是我第一次找工作,著實心裏沒譜,接下來就給大家分享點知識。

1.前端與後臺交互的一些事

1.1 後臺返回一個接口,只許本公司前端人員請求,加*表示所有人多可請求,加域名可以限制外人不可登錄
1.2 前後端分離:在我們項目中,我們利用nodejs的express框架來開啟一個本地的服務器,然後利用nodejs的一個
http-proxy-middleware插件將客戶端發往nodejs的請求轉發給真正的服務器,讓nodejs作為一個中間層。這樣,前端就可以無憂無慮的開發了
1.3利用mock(http://mockjs.com)來返回一些假數據,這樣就可以模擬發送API到接受響應的整一個過程,因此前端也不需要依賴於後端開發了,可以獨立開發,等到後臺的API全部設計完之後,就可以比較快速的聯調。
2.git指令
git init 初始化倉庫
git status //查看倉庫狀態
git branch //顯示分支一覽表,同時確認當前所在的分支
git checkout - //切換到上一分支
git push //更新GitHub上的倉庫
git clone *** 克隆
git pull 拉取最新狀態
3.http請求過多怎麽處理
通過程序遍歷http請求的所有參數放到hashmap中,用的時候方便了。
  如果參數值有中文,那麽需要在程序中添加filter轉碼,或者在下面程序裏,對paramValue轉碼
3.1 動態的東西靜態化,緩存
3.2 數據緩存,例如用Redis等高速緩存,Redis再做集群等
4.限制用戶登錄次數
服務器端設置一個次數,每次登陸減一
5.狀態碼:
100 (繼續) 請求者應當繼續提出請求。 服務器返回此代碼表示已收到請求的第一部分,正在等待其余部分。
200 成功處理了請求,一般情況下都是返回此狀態碼
201 請求成功並且服務器創建了新的資源。
202 接受請求但沒創建資源;
301 (永久移動) 請求的網頁已永久移動到新位置
304 (未修改) 自從上次請求後,請求的網頁未修改過
400 服務器不理解請求的語法。
401 請求要求身份驗證。 對於需要登錄的網頁,服務器可能返回此響應。
403 服務器拒絕請求。
404 服務器找不到請求的網頁
500 服務器內部錯誤
6.大學學的專業,課程
一數學類
  主要課程:高等數學、線性代數、離散數學、概率論、數理統計
  學習理由:數學可以培養我們思考的能力,可以教人如何正確地解決與直覺相悖的問題。
  二語言類
  主要課程:C語言、C++、Java
  學習理由:人與人之間的溝通需要語言,人與計算機之間同樣也需要。學會必要的機器語言是開展一切工作的基礎。
  三專業類
  主要課程:數據庫原理、計算機組成原理、計算機網絡、計算機系統結構、多媒體技術與應用、Matlab等
6.axios和jquery

ajax最大的區別。

jquery提交數據的時候,默認是以FormData的形式提交的,也就是Content-Type:"application/x-www-form-urlencoded",

而默認axios是使用的是Payload形式提交數據,也就是Content-Type:"application/json"
ajax:
Ajax = 異步 JavaScript 和 XML(標準通用標記語言的子集)。

Ajax 是一種用於創建快速動態網頁的技術。

Ajax 是一種在無需重新加載整個網頁的情況下,能夠更新部分網頁的技術。

通過在後臺與服務器進行少量數據交換,Ajax 可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下,對網頁的某部分進行更新。
$.ajax({
url: ‘http://jsonplaceholder.typicode.com/users‘,
type: ‘get‘,
dataType: ‘json‘,
data: {
//‘a‘: 1,
//‘b‘: 2,
},
success: function (response) {
console.log(response);
}
})
axios:

用於瀏覽器和node.js的基於Promise的HTTP客戶端

1. 從瀏覽器制作XMLHttpRequests

2. 讓HTTP從node.js的請求

3. 支持Promise API

4. 攔截請求和響應

5. 轉換請求和響應數據

6. 取消請求

7. 自動轉換為JSON數據

8. 客戶端支持防止XSRF

axios({
url: ‘http://jsonplaceholder.typicode.com/users‘,
method: ‘get‘,
responseType: ‘json‘, // 默認的
data: {
//‘a‘: 1,
//‘b‘: 2,
}
}).then(function (response) {
console.log(response);
console.log(response.data);
}).catch(function (error) {
console.log(error);
})

知識有點雜,大家借鑒就好。

前端面試準備