前端面试题说一下localstorage

localStorage是HTML5中新增的一种客户端存储数据的方式，它可以在浏览器关闭后仍然保留数据，直到用户手动清除。与cookie相比，localStorage可以存储更多的数据，而且不会随着HTTP请求发送到服务器端，因此可以减少网络流量。下面是localStorage的一些基本用法：

1. 存储数据：

localStorage.setItem('key', 'value');

2. 获取数据：

var value = localStorage.getItem('key');

3. 删除数据：

localStorage.removeItem('key');```

4. 清空所有数据：

localStorage.clear();

需要注意的是，localStorage只能存储字符串类型的数据，如果需要存储其他类型的数据，需要先将其转换为字符串类型。此外，由于localStorage是基于域名的，因此不同域名下的localStorage是互相独立的。

相关问题

前端面试题token

在前端面试中，关于token的问题通常涉及到前端如何处理身份验证和授权。通常有以下两种方式来处理token：

第一种方式是利用Axios的请求/响应拦截器。通过使用axios.interceptors.request.use来进行请求拦截，判断localStorage中是否存在token，如果有的话，在请求头中添加token。而对于响应拦截，可以使用axios.interceptors.response.use来进行判断，如果response.status为401，则表示token失效，需要清空本地的token，并跳转到登录页。

第二种方式是使用Vue Router的全局路由守卫router.beforeEach。这个方法接收三个参数：to、from和next。如果用户访问的是不需要登录即可访问的页面（如to.path === '/login'），则直接跳转。否则，需要判断本地是否有token，如果有的话，调用next()；如果没有，则调用next('/login')跳转回登录页。

总结起来，前端面试中关于token的问题主要是关于如何处理前端的身份验证和授权。可以通过Axios的请求/响应拦截器或Vue Router的全局路由守卫来实现。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [2023前端面试题及答案整理（Vue）](https://blog.csdn.net/suli77/article/details/128919978)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]

2023常见的前端面试题

以下是一些可能在2023年前端面试中常见的问题：

1. 介绍一下你对 Web 标准的理解。
2. 请解释一下什么是跨域，以及如何解决跨域问题。
3. 请解释一下什么是闭包，并举例说明闭包的应用场景。
4. 请解释一下什么是事件冒泡和事件捕获，以及它们之间的区别。
5. 请解释一下什么是 Virtual DOM，以及它与真实 DOM 的区别和优劣势。
6. 请解释一下什么是异步编程，以及常见的异步编程方法和优缺点。
7. 请解释一下什么是 CSS 盒模型，并且描述一下标准盒模型和 IE 盒模型的区别。
8. 请解释一下什么是响应式设计和自适应设计，并举例说明它们的应用。
9. 请解释一下什么是 MVC 和 MVVM 架构，以及它们的区别和适用场景。
10. 请解释一下什么是浏览器本地存储，以及 localStorage 和 sessionStorage 的区别。
11. 请解释一下什么是前端性能优化，以及常用的性能优化策略和技术手段。
12. 请解释一下什么是单页面应用（SPA），以及它的优势和缺点。
13. 请解释一下什么是前端安全，以及如何防止常见的前端安全攻击。
14. 请解释一下什么是模块化开发，以及常见的 JavaScript 模块化规范和工具。
15. 请解释一下什么是浏览器 Event Loop，以及如何理解 JavaScript 的同步和异步机制。

这些问题涵盖了前端开发的基础知识和常见技术，希望对你的面试准备有所帮助。当然，面试题的具体内容可能会根据公司和职位的要求有所不同，建议你结合自己的经验和项目经历进行更全面的准备。