常見問題知識點記錄五

bfc 全稱為塊格式化上下文 (block formatting context)

它是頁面中的一塊渲染區域，並且有一套渲染規則，它決定了其子元素將如何定位，以及和其他元素的關係和相互作用

bfc 特性(功能)

使 bfc 內部浮動元素不會到處亂跑

和浮動元素產生邊界

四個級別：行內樣式，id選擇器，class選擇器，標籤

!important的優先順序是最高的

優先順序相同時，則採用就近原則，選擇最後出現的樣式

繼承得來的屬性，其優先順序最低

!important > 行內樣式 >
id選擇器 > 類選擇器 > 標籤 > 萬用字元 > 繼承 > 瀏覽器預設屬性

利用clear樣式

父元素結束標籤之前插入清除浮動的塊級元素

利用偽元素（clearfix)

.clearfix:after

利用overflow清除浮動 overflow: auto;

cookie在性質上是繫結在特定的網域名稱下的，當設定了乙個cookie後，再給建立它的網域名稱傳送請求時，都會包含這個cookie，這確保了儲存在cookie中的資訊智慧型讓批准的接收者訪問，而不能被其他域訪問。可以通過document.cookie屬性來設定cookie

cookie的優點:

可配置到期規則

不需要任何伺服器資源

簡單的鍵值對

資料永續性

cookie的弊端:cookie數量和長度的限制

安全性問題

大量資訊會影響到特定域的請求效能

web storage的目的是克服由cookie帶來的一些限制，當資料需要被嚴格控制在客戶端時，無需持續的將資料發回伺服器

web storage和cookie的區別？

web storage的概念和cookie相似，區別是它是為了更大容量儲存設計的。cookie的大小是受限的，並且每次你請求乙個新的頁面的時候cookie都會被傳送過去，這樣無形中浪費了頻寬，另外cookie還需要指定作用域，不可以跨域呼叫。

除此之外，web storage擁有setitem,getitem,removeitem,clear等方法，不像cookie需要前端開發者自己封裝setcookie，getcookie

但是cookie也是不可以或缺的：cookie的作用是與伺服器進行互動，作為http規範的一部分而存在，而web storage僅僅是為了在本地「儲存」資料而生

常見問題 知識點記錄 五