四川跨誠科技有限公司面試筆試

一.瞭解，熟悉，精通的技術棧分別有哪些？

前端：

1.基礎： HTML5+CSS3+javascript（熟悉）es6（瞭解）typescript（瞭解）

2.js庫： jquery（熟悉）echarts（熟悉）

3.js框架： Angular（熟悉）vue（熟悉）

4.UI樣式庫：elementUI（熟悉）ng-zorro UI (熟悉) easyUI （熟悉） bootstrap（熟悉）

layUI(熟悉)  ionic3（瞭解）

5.其餘：微信小程序（瞭解）

後端：

1.語言：C#（熟悉）

2.設計模式：web API設計模式（熟悉）、MVC設計模式（熟悉）、Linq（熟悉）、lambda（熟悉）、EF（熟悉）、ORM建模（熟悉）

3.數據庫：sqlserver（熟悉），mysql（瞭解）

4.數據庫技術：（存儲過程，事務，觸發器，視圖）（熟悉）

二. ==和===的區別

 在js中==（等同）===（恆等）==，兩邊的值類型不一樣的時候先進行類型轉換，在比較；===，不作類型轉換，當類型不一樣返回false，必定不相等；簡單的說==先轉換類型再進行比較判斷，===先判斷類型，若是不是同一類型直接爲false

三.描述一下cookies，sessionStorage和localstorage區別

三者的相同點

1.存儲性質：所有都存儲在客戶端

三者的不一樣點

1.存儲大小：cookies數據存儲存在大小限制不能超過4k；另外兩個的存儲大小超過4K有更大的存儲量

2.有效時間：cookies在設置時間內有效以後會過時刪除；sessionStorage在瀏覽器窗口關閉後自動刪除；localstorage存儲數據持久須要進行手動刪除

3.與服務器的交互方式：cookies的數據會自動發送到服務器，另外兩個不會

四.塊級元素水平垂直居中的方法有哪些

有三種方式

1.已知塊級元素的寬和高，使用絕對定位absolute和外邊距實現水平垂直居中。父元素position:relative，子元素position:absolute;top:50%;left:50%;margin-top:-height/2;margin-left:-width/2;

2.使用css3 display:flex父元素樣式屬性display:flex;子元素使用margin:auto

3.經過定位，設置子元素top:0，bottom:0，margin:auto自動垂直居中；

五.常見的HTTP狀態碼

1.200服務器正常處理請求響應數據

2.400請求中存在語法錯誤

3.403表示發送的請求被服務端拒絕存在身份驗證失敗或者跨域請求

4.404沒法找到服務器請求資源

5.500服務器內部

六.編寫一個js方法去掉數組裏面的重複的內容var arr=[1,2,3,4,5,1,2,3]

var arr=[1,2,3,4,5,1,2,3]
function fn(){
var temp=[]
for (var i=1;i<arr.length;i++){
    if(temp.indexOf(arr[i])==-1)
   {
    temp.push(arr[i])
   }
 }
return temp
}複製代碼

七.編寫一個js方法實現深複製

function fn(obj) {
  var temp1= JSON.stringify(obj)
   var temp2 = JSON.parse(temp1);
  return temp2;}複製代碼

八.編寫一個js方法實現公司年會轉盤抽獎

var jp=["獎1","謝謝參與","獎2","謝謝參與","謝謝參與","獎3","謝謝參與","謝謝參與","謝謝參與","謝謝參與"]
function fn(){
var num=Math.floor(Math.random()*10+1)
return jp[num]
}
複製代碼