总结近期前端面试问到的问题

•  vue2状态管理库（vuex）怎么更新数据；

Vuex 的状态存储是响应式的。 当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。 你不能直接改变 store 中的状态。 改变 store 中的状态的唯一途径就是显式地 提交 (commit) mutation 

• vue3 pinia 理解

Pinia 的一些特点：

1、 足够轻量，压缩后体积只有1kb左右。

2、支持插件功能，可通过插件扩展Pinia功能。

3、为JS开发者提供适当的TS 支持以及自动补全功能。

4、去除Vuex时的mutations和modules ，只有state、getters和actions。

5、Devtools 支持，可在组件中展示用到的 Store 。

6、actions支持同步和异步。

7、支持Vue2和Vue3。

8、支持服务端渲染。

• vue3比vue2的区别

• 前端优化

使用字体图标，雪碧图，压缩资源包，删除没用的代码，减少http请求，合理化的HTML标签，缓存，图片懒加载、骨架屏，防抖，节流

•  vue2双向绑定原理

采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图

• vue3双向绑定原理

proxy数据代理

• 盒模型

标准盒模型，怪异盒模型

• 本地存储的几种方式

cookie, localstorage, sessionstorage,web sql    ,indexedDb 

• 前后端分离的认识

• restful接口类型

post get delete put

• 跳到另一个地址的方法

window.location.href =

• 刷新页面的方法，

location.reload()

• 页面加载完成事件

document.addEvenListener(''DOMcontentLoaded",function(){})

• 新技术的学习方式

看文档，视频，阅读书籍，项目实践

• 遇到bug处理过程

看报错信息，百度，问别人

• vite开发的项目有什么好处

• webpack和vite的区别

• axios如何封装请求