开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 7 天，点击查看活动详情
书接上文，接着复习JS
34、浏览器的存储方式有哪些?
- 1.cookies：H5标准前的本地存储方式兼容性好，请求头自带cookie；存储量小，资源浪费，使用麻烦（封装)
- 2.localstorage：H5加入的以键值对为标准的方式操作方便，永久存储，兼容性较好；保存值的类型被限定，浏览器在隐私模式下不可读取，不能被爬虫
- 3.sessionstorage：当前页面关闭后就会立刻清理，会话级别的存储方式
- 4.indexedDB：H5标准的存储方式，，他是以键值对进行存储，可以快速读取，适合WEB场景
35.token存在sessionstorage还是loaclstorage?
token:验证身份的令牌，一般就是用户通过账号密码登录后，服务端把这些凭证通过加密等一系列操作后得到的字符串
- 存loaclstorage里，后期每次请求接口都需要把它当作一个字段传给后台
- 存cookie中，会自动发送，缺点就是不能跨域
- 如果存在localstorage中，容易被xss攻击，但是如果做好了对应的措施，那么是利大于弊
- 如果存在cookie中会有CSRF攻击
36.页面渲染的过程是怎样的?
- DNS解析
- 建立TCP连接
- 发送HTTP请求
- 服务器处理请求
- 渲染页面
- ---浏览器会获取HTML和CSS的资源，然后把HTML解析成DOM树再把csSs解析成cSSOM
- ---把DOM和cSSOM合并为渲染树布局
- ---把渲染树的每个节点渲染到屏幕上（绘制)
- 断开TCP连接
37.精灵图和base64的区别是什么?
精灵图：把多张小图整合到一张大图上，利用定位的一些属性把小图显示在页面上，当访问页面可以减少请求，提高加载速度
base64：传输8Bit字节代码的编码方式，把原本二进制形式转为64个字符的单位，最后组成字符串
base64是会和html css一起下载到浏览器中，减少请求，减少跨域问题，但是一些低版本不支持，若base64体积比原图片大，不利于css的加载。
38.svg格式了解多少?
基于XML语法格式的图像格式，可缩放矢量图，其他图像是基于像素的，SVG是属于对图像形状的描述，本质是文本文件，体积小，并且不管放大多少倍都不会失真
- 1.SVG可直接插入页面中，成为DOM一部分，然后用JS或cSS进行操作
<svg></svg> - 2.SVG可作为文件被引入
<img src="pic.svg"/> - 3.SVG可以转为base64引入页面
未完待续……
开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 7 天，点击查看活动详情
