面试题

1：本地存储（Local Storage）和cookies（存储在本地终端上的数据）

特性	Cookie	LocalStorage	sessionStorage
数据的声明周期	一般由服务器生成，可设置失效时间。如果在浏览器生成，默认是关闭浏览器之后失效	除非被清楚，否则永久保存	仅在当前会话有效，关闭页面或浏览器后被清除
存放数据大小	4KB	一般 5MB	一般 5MB
与服务端通信	每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题	仅在客户端中保存，不参与和服务器的通信	同 LocalStorage
用途	一般由服务器端生成，用于标识用户身份	用于浏览器端缓存数据	同 LocalStorage
作用域	所有同源窗口中都是共享的	所有同源窗口中都是共享的	不在不同的浏览器窗口中共享

所谓的同源：一段脚本只能读取来自于同一来源的窗口和文档的属性，同源指的是主机名、协议和端口号的一样的

2： link和@import

1、属性不同

link是html提供的标签，不仅可以加载css文件，还能定义 RSS、rel 连接属性等。而

@import是css中的语法规则

2、加载顺序不同

页面打开时，link引用的css文件被加载。而@import引用的CSS等页面加载完后最后加载。

3、兼容性不同

@import是css2.1后提出的，而link是不存在兼容问题。

注意：ss中避免过多使用@import，因为过多使用它会延长浏览器渲染页面的时间。