腾讯春招

一、常见的浏览器端的存储技术有哪些？

连接：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设置透明度）