前端開發常見面試題

1.盒子模型

所謂盒子模型（box model）就是把html頁面中的元素看作是乙個矩形的盒子，也就是乙個盛裝內容的容器。每個矩形都由元素的內容(content)、內邊距（padding）、邊框（border）和外邊距（margin）組成。

2.html5新特性

3.div垂直水平居中

child

（1）#father

#son

（2）#father

#son

（3）#father

#son

4.防抖和節流

所謂防抖，就是指觸發事件後在 n 秒內函式只能執行一次，如果在 n 秒內又觸發了事件，則會重新計算函式執行時間。

所謂節流，就是指連續觸發事件但是在 n 秒中只執行一次函式。

5.http常見的code

1xx - 資訊提示2xx - 成功（200）3xx - 重定向（304 - not modified）4xx - 客戶端錯誤5xx - 伺服器錯誤

6.http和https區別

**中的通訊協議一般就是http協議和https協議。

http協議是一種使用明文資料傳輸的網路協議。一直以來http協議都是最主流的網頁協議，但是網際網路發展到今天，http協議的明文傳輸會讓使用者存在乙個非常大的安全隱患。

https協議可以理解為http協議的公升級，就是在http的基礎上增加了資料加密。在資料進行傳輸之前，對資料進行加密，然後再傳送到伺服器。這樣，就算資料被第三者所截獲，但是由於資料是加密的，所以你的個人資訊讓然是安全的。這就是http和https的最大區別。

7.es6新特性

字串擴充套件：

includes()：返回布林值，表示是否找到了引數字串。

startswith()：返回布林值，表示引數字串是否在原字串的頭部

endswith()：返回布林值，表示引數字串是否在原字串的尾部

陣列解構

let arr = [1,2,3]

const [x,y,z] = arr;// x，y，z將與arr中的每個位置對應來取值
console.log(x,y,z); // 1 2 3

物件解構

const person =  = person;

// 列印
console.log(name);
console.log(age);
console.log(language);

函式引數預設值

function add(a , b = 1) 
// 傳乙個引數
console.log(add(10));
箭頭函式

var sum3 = (a,b) =>

陣列中新增了map和reduce方法。

es6給object拓展了許多新的方法，如：

8.原型

9.react，vue元件通訊

10.react和vue區別

11.陣列的方法

12.position的屬性

13.react/vue生命週期

14.px em rem區別

15.cookie localstorage sessionstorage區別