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,因为过多使用它会延长浏览器渲染页面的时间。