Meraln的博客

有几种前端存储方式？这几种方式的区别是什么？cookies: 在HTML5标准前本地存储的主要方式，优点是兼容性好，请求头自带cookies方便，缺点是大小只有4k，自动请求头加入cookie浪费流量，每个domain限制20个cookies，使用起来麻烦需要自行安装localStorage: HTML5加入的以键值对(Key-Value)为标准的方式，优点是操作方便，永久性存储(除非手动删除)，大小为5M，兼容IE8+sessionStorage: 与localStorage基本类似，区别是ses

scriptb标签中 defer 和 async 的区别defer: 浏览器指示脚本在文档被解析后执行，script被异步加载后并不会立刻执行，而是等待文档被解析完毕后执行。async: 同样是异步加载脚本，区别是脚本加载完毕后立即执行，这导致async属性下的脚本是乱的，对于script有先后依赖关系的情况，并不适用。蓝色线代表网络读取，红色线代表执行时间，这两都是针对脚本的；绿色线代表html解析...

src 和 href 的区别src 是指向外部资源的位置，指向的内容会嵌入到文档中当前标签所在的位置，在请求src资源时会将其指向的资源下载并应用到文档内，如js脚本，img图片和frame元素。当浏览器解析到元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，所以一般js脚本会放在底部而不是头部。href 是指向网络资源所在位置（的超链接），用来建立和当前元素或文档之间的连接，当浏览器识别到它所指向的文件时，就会并行下载资源，不会停止当前文档的处理。img 的 srcset 的