摘要：上次由于時間有限只分享了一部分的前端面試題，所以本篇繼續分享前端經典面試試題一棧和隊列的區別棧的插入和刪除操作都是在一端進行的，而隊列的操作卻是在兩端進行的。

上次由于時間有限只分享了一部分的前端面試題，所以本篇繼續分享前端經典面試試題

棧的插入和刪除操作都是在一端進行的，而隊列的操作卻是在兩端進行的。
隊列先進先出，棧先進后出。
棧只允許在表尾一端進行插入和刪除，而隊列只允許在表尾一端進行插入，在表頭一端進行刪除。

a. http是HTTP協議運行在TCP之上。所有傳輸的內容都是明文，客戶端和服務器端都無法驗證對方的身份。
b. https是HTTP運行在SSL/TLS之上，SSL/TLS運行在TCP之上。所有傳輸的內容都經過加密，加密采用對
   稱加密，但對稱加密的密鑰用服務器方的證書進行了非對稱加密。此外客戶端可以驗證服務器端的身
   份，如果配置了客戶端驗證，服務器方也可以驗證客戶端的身份

cookie雖然在持久保存客戶端數據提供了方便，分擔了服務器存儲的負擔，但還是有很多局限性的。 第一：每個特定的域名下最多生成20個cookie

1.IE6或更低版本最多20個cookie
2.IE7和之后的版本最后可以有50個cookie。
3.Firefox最多50個cookie
4.chrome和Safari沒有做硬性限制
IE和Opera 會清理近期最少使用的cookie，Firefox會隨機清理cookie。

cookie的最大大約為4096字節，為了兼容性，一般不能超過4095字節。

IE 提供了一種存儲可以持久化用戶數據，叫做userdata，從IE5.0就開始支持。每個數據最多
128K，每個域名下最多1M。這個持久化數據放在緩存中，如果緩存沒有清理，那么會一直存在。

優點：極高的擴展性和可用性
1.通過良好的編程，控制保存在cookie中的session對象的大小。
2.通過加密和安全傳輸技術（SSL），減少cookie被破解的可能性。
3.只在cookie中存放不敏感數據，即使被盜也不會有重大損失。
4.控制cookie的生命期，使之不會永遠有效。偷盜者很可能拿到一個過期的cookie。
缺點：
1.`Cookie`數量和長度的限制。每個domain最多只能有20條cookie，每個cookie長度不能超過
4KB，否則會被截掉。
2.安全性問題。如果cookie被人攔截了，那人就可以取得所有的session信息。即使加密也與事
無補，因為攔截者并不需要知道cookie的意義，他只要原樣轉發cookie就可以達到目的了。
3.有些狀態不可能保存在客戶端。例如，為了防止重復提交表單，我們需要在服務器端保存一個
計數器。如果

共同點：對內聯元素設置`float`和`absolute`屬性，可以讓元素脫離文檔流，并且可以設置其
寬高。
不同點：float仍會占據位置，position會覆蓋文檔流中的其他元素。

1.id選擇器（ # myid）
2.類選擇器（.myclassname）
3.標簽選擇器（div, h1, p）
4.相鄰選擇器（h1 + p）
5.子選擇器（ul > li）
6.后代選擇器（li a）
7.通配符選擇器（ * ）
8.屬性選擇器（a[rel = "external"]）
9.偽類選擇器（a: hover, li:nth-child）

可繼承的樣式： font-size font-family color, text-indent;
不可繼承的樣式：border padding margin width height ;
優先級就近原則，同權重情況下樣式定義最近者為準;
載入樣式以最后載入的定位為準;

優先級為:
!important >  id > class > tag  
important 比 內聯優先級高,但內聯比 id 要高

（1）link屬于XHTML標簽，除了加載CSS外，還能用于定義RSS,定義rel連接屬性等作用；而
@import是CSS提供的，只能用于加載CSS;
（2）頁面被加載的時，link會同時被加載，而@import引用的CSS會等到頁面被加載完再加載;
（3）import是CSS2.1 提出的，只在IE5以上才能被識別，而link是XHTML標簽，無兼容問題;

Trident內核：IE,MaxThon,TT,The World,360,搜狗瀏覽器等。[又稱MSHTML]
Gecko內核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等
Presto內核：Opera7及以上。      [Opera內核原為：Presto，現為：Blink;]
Webkit內核：Safari,Chrome等。   [ Chrome的：Blink（WebKit的分支）]

因為瀏覽器的兼容問題，不同瀏覽器對有些標簽的默認值是不同的，如果沒對CSS初始化往往會
出現瀏覽器之間的頁面顯示差異。
當然，初始化樣式會對SEO有一定的影響，但魚和熊掌不可兼得，但力求影響最小的情況下初始
化。

Object 是 JavaScript 中所有對象的父對象

數據封裝類對象：Object、Array、Boolean、Number 和 String
其他對象：Function、Arguments、Math、Date、RegExp、Error

全局函數無法查看局部函數的內部細節，但局部函數可以查看其上層的函數細節，直至全局細
節。當需要從局部函數查找某一屬性或方法時，如果當前作用域沒有找到，就會上溯到上層作
用域查找，直至全局函數，這種組織形式就是作用域鏈。

JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式。
它是基于JavaScript的一個子集。數據格式簡單, 易于讀寫, 占用帶寬小
如：{"age":"12", "name":"back"}

JSON字符串轉換為JSON對象:
var obj =eval("("+ str +")");
var obj = str.parseJSON();
var obj = JSON.parse(str);

JSON對象轉換為JSON字符串：
var last=obj.toJSONString();
var last=JSON.stringify(obj);

同步的概念應該是來自于OS中關于同步的概念:不同進程為協同完成某項工作而在先后次序上調
整(通過阻塞,喚醒等方式).同步強調的是順序性.誰先誰后.異步則不存在這種順序性.

同步：瀏覽器訪問服務器請求，用戶看得到頁面刷新，重新發請求,等請求完，頁面刷新，新內
容出現，用戶看到新內容,進行下一步操作。

異步：瀏覽器訪問服務器請求，用戶正常操作，瀏覽器后端進行請求。等請求完，頁面不刷新，
新內容也會出現，用戶看到新內容。
（待完善）

absolute?:生成絕對定位的元素， 相對于最近一級的 定位不是 static 的父元素來進行定位。
fixed?（老IE不支持）生成絕對定位的元素，通常相對于瀏覽器窗口或 frame 進行定位。
relative?生成相對定位的元素，相對于其在普通流中的位置進行定位。
static?默認值。沒有定位，元素出現在正常的流中
sticky?生成粘性定位的元素，容器的位置根據正常文檔流計算得出

1. 異步加載的方案： 動態插入 script 標簽
2. 通過 ajax 去獲取 js 代碼，然后通過 eval 執行
3. script 標簽上添加 defer 或者 async 屬性
4. 創建并插入 iframe，讓它異步執行 js
5. 延遲加載：有些 js 代碼并不是頁面初始化的時候就立刻需要的，而稍后的某些情況才需要的