二十家公司前端面試題（二）

block

設定position:absolute/fixed、float:left/right的時候，行內元素會變成了塊級元素，他們本身的display屬性被忽略了。

共同點：都是儲存在瀏覽器端

區別：cookies快取 sessionstorage會話儲存 localstorage本地儲存

1.cookies儲存在http資訊的實體中，http每次請求都會攜帶cookie, cookie在瀏覽器和伺服器間來回傳遞，後兩者僅在本地儲存

2.儲存大小：cookie資料不能超過4k; 後兩者要大很多，可以達到5m；

3.有效期：cookie在設定的cookie有效期之前有效，即使瀏覽器或視窗關閉；sessionstorage僅在當前瀏覽器視窗關閉前有效，不可持久儲存；localsorage始終有效，視窗或瀏覽器關閉也一直儲存，可做持久資料；

4.作用域：cookie、localstorage在所有的同源視窗中都是共享的；sessionstorage只能在當前頁面使用。

盒模型：文件中的每個元素被描繪為矩形盒子，渲染引擎的目的就是判定大小，屬性——比如它的顏色、背景、邊框方面——及這些盒子的位置。

在css中，這些矩形盒子用標準盒模型來描述。這個模型描述了乙個元素所占用的空間。每乙個盒子有四條邊界：外邊距邊界margin edge，邊框邊界border edge，內邊距邊界padding edge和內容邊界content edge。

盒子模型分為兩類：w3c標準盒子模型和ie盒子模型

這兩者的關鍵差別就在於：

1.w3c盒子模型——屬性高（height）和屬性寬（width）這兩個值不包含填充（padding）和邊框（border） box-sizing:content-box

2.ie盒子模型——屬性高（height）和屬性寬（width）這兩個值包含填充（padding）和邊框（border） box-sizing:border-box

我們在編寫頁面**的時候應該盡量使用標準的w3c盒子模型（需要在頁面中宣告doctype型別）。

彈出66

1
var foo = "hello";
2     (function
() )();
6     alert(foo + bar);

考察閉包

第乙個彈出hello world 第二個bar沒有定義會報錯

1
var foo = ;
2var bar =foo;
3     foo.x = foo = ;

undefined

參考

1     console.log('one');
2     settimeout(function
() , 0);
5     console.log('three');

箭頭操作符、let和const關鍵字、支援類、字串模板、for of 遍歷、模組、 promises等