2024年Web前端最新前端面经详解Cookie、SessionStorage和LocalStorage的区别联系，腾讯秋招面试流程

最新推荐文章于 2024-11-12 11:19:19 发布

2401_84620191

最新推荐文章于 2024-11-12 11:19:19 发布

阅读量608

点赞数 15

分类专栏：程序员文章标签：前端面试学习

本文链接：https://blog.csdn.net/2401_84620191/article/details/138738803

版权

程序员专栏收录该内容

88 篇文章 0 订阅

订阅专栏

最后前端到底应该怎么学才好？

如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式就是看视频教程学习，初学者容易理解接受。

不要选择买书学习，这样的方式没有几个人能学会，基本都是看不下去书，也看不懂书。如果喜欢看书的学弟，可以买一些经典的书籍作为辅助即可，主要还是以看教程为主。每天抽出固定几个小时学习，做好长期学习的准备。学习编程并不是每天光看视频，你学习编程最重要的目的是为了编写软件产品，提供给大众使用，所以用手写出代码实现功能才是我们要做的事情。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

在这里插入图片描述

WebStorage的两大目标

提供一种Cookie之外的存储会话数据的路径
提供一种存储大量可以跨会话存在的数据的机制

SessionStorage的特点

================================================================================

总结：

存储地方：仅仅在客户端浏览器中储存，不与服务器交互通信。
生命周期：仅在当前会话下有效。关闭浏览器或者页面则会被清除。
存储大小：5MB
存储类型：SessionStorage只能存储字符串类型。对于复杂对象，可以用stringify和parse来处理。
获取方式：window.sessionStorage
作用域：不在不同浏览器窗口共享
适用场景：适合保存用户在关闭浏览器或页面后就可以丢弃的数据。

LocalStorage的特点

==============================================================================

总结：

存储地方：仅仅在客户端浏览器中储存，不与服务器交互通信。
生命周期：永久。除非用户去清除，否则一直存在。
存储大小：5MB
存储类型：LocalStorage只能存储字符串类型。对于复杂对象，可以用stringify和parse来处理。
获取方式：window.localStorage
作用域：所有的同源窗口

Cookie与WebStorage的区别

===================================================================================

有一篇文章讲过Cookie和Session的区别，里面有介绍Cookie的原理和特点，可以点击下方链接查看：

Cookie与Session的区别、详解Cookie和Session

Cookie的特点中需要我们注意的是：

Cookie是保存在客户端浏览器的
Cookie在每次http请求中都会发送给服务器端

WebStorage的特点呢：

WebStorage也是保存在客户端浏览器的
但是WebStorage即SessionStorage和LocalStorage是不会自动把数据发给服务器的，只保存在本地。

综上总结一下Cookie和WebStorage的区别：

相同点：

保存地相同：都是保存在客户端浏览器，且是同源的

Vue 面试题

1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？
…