騰訊春招

一、常見的瀏覽器端的存儲技術有哪些？

連接：https://www.nowcoder.com/questionTerminal/ac5ddea23eef49e29d50d86c74ee605b
來源：牛客網

有時須要將網頁中的一些數據保存在瀏覽器端，這樣作的好處是，當下次訪問頁面時，不須要再次向服務器請求數據，直接就能夠從本地讀取數據。目前經常使用的有如下幾種方法：

cookie

cookie會隨着每次HTTP請求頭信息一塊兒發送，無形中增長了網絡流量，另外，cookie能存儲的數據容量有限，根據瀏覽器類型不一樣而不一樣，IE6大約只能存儲2K。

Flash ShareObject

這種方式能能解決上面提到的cookie存儲的兩個弊端，並且可以跨瀏覽器，應該說是目前最好的本地存儲方案。不過，須要在頁面中插入一個Flash，當瀏覽器沒有安裝Flash控件時就不能用了。所幸的是，沒有安裝Flash的用戶極少。

缺點：須要安裝Flash插件。

Google Gear

Google開發出的一種本地存儲技術。

缺點：須要安裝Gear組件。

userData

IE瀏覽器可使用userData來存儲數據，容量可達到640K，這種方案是很可靠的，不須要安裝額外的插件。缺點：它僅在IE下有效。

sessionStorage

使用於Firefox2+的火狐瀏覽器，用這種方式存儲的數據僅窗口級別有效，同一個窗口（或者Tab）頁面刷新或者跳轉，都能獲取到本地存儲的數據，當新開窗口或者頁面時，原來的數據就失效了。

缺點：IE不支持、不能實現數據的持久保存。

globalStorage

使用於Firefox2+的火狐瀏覽器，相似於IE的userData。

1 //賦值 2 globalStorage[location.hostname]['name'] = 'tugai'; 3 //讀取 4 globalStorage[location.hostname]['name']; 5 //刪除 6 globalStorage[location.hostname].removeItem('name');

缺點：IE不支持。

localStorage

localStorage是Web Storage互聯網存儲規範中的一部分，如今在Firefox 3.五、Safari 4和IE8中獲得支持。

缺點：低版本瀏覽器不支持。

結論：
Flash shareobject是不錯的選擇，若是你不想在頁面上嵌入Flash，能夠結合使用userData(IE6+)和globalStorage(Firefox2+)和localStorage(chrome3+)實現跨瀏覽器。

瀏覽器端：

cookie

WebStorage(localStorage、sessionStorage)

userData

indexedDB

服務器端：

session

二、下面關於IE、FF下面腳本的區別描述：

1）Firefox 不支持 DOM 對象的 outerHTML innerText outerText 屬性。

在 Firefox 中使用 outerHTML、innerText、outerText 屬性會使腳本程序報錯。

http://w3help.org/zh-cn/causes/SD9017

2）SD9010: 僅 IE 中的 createElement 方法支持傳入 HTML String 作參數

http://w3help.org/zh-cn/causes/SD9010

3）IE 混淆了 DOM 對象屬性（property）及 HTML 標籤屬性（attribute），形成了對 setAttribute、getAttribute 的不正確實現

http://w3help.org/zh-cn/causes/SD9006

setAttribute('class'，'styleClass') FIREFOX支持，IE不支持

三、嵌入在HTML文檔中的圖像格式能夠是？

網頁html文檔支持的圖片格式有jpg     ,    gif   ,    png   和   bmp   這四種，jpg ， gif   和   png 格式的圖片特色是體積很小，由於在網上很常見，然而 bmp就不常見了，由於這種格式雖然很清晰色彩豐富，可是所佔內存很大，因此不多見，可是也是支持的。一共這4種。

四、

CSS3新增屬性用法整理：

一、box-shadow（陰影效果）

二、border-color（爲邊框設置多種顏色）

三、border-image（圖片邊框）

四、text-shadow（文本陰影）

五、text-overflow（文本截斷）

六、word-wrap（自動換行）

七、border-radius（圓角邊框）

八、opacity（透明度）

九、box-sizing（控制盒模型的組成模式）

十、resize（元素縮放）

十一、outline（外邊框）

十二、background-size（指定背景圖片尺寸）

1三、background-origin（指定背景圖片從哪裏開始顯示）

1四、background-clip（指定背景圖片從什麼位置開始裁剪）

1五、background（爲一個元素指定多個背景）

1六、hsl（經過色調、飽和度、亮度來指定顏色顏色值）

1七、hsla（在hsl的基礎上增長透明度設置）

1八、rgba（基於rgb設置顏色，a設置透明度）