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