前端面试题

1、SSR渲染过程

1. 客户端发送URL地址给服务端
2. 服务端查询数据库
3. 拿到数据，组合好页面
4. 服务端返回整个DOM结构给客户端

2、ue3的时候ref为什么要使用.value属性？

vue3是基于proxy和reflect实现响应式数据的，proxy能代理的东西是对象，所以要获取ref的值需要 .value

3、vuex如何解决页面刷新丢失数据的问题？

1、通过本地储存解决localStorage或sessionStorage存储
2、通过插件vuex-persistedstate解决

4、说说对于vite和webpack的理解

webpack和vite都是很好的打包工具，在开发中，webpack每次都是全部文件打包，编译运行时间会比较久，而且配置麻烦，webpack的热更新是僵所有文件打包编译，速度很慢还可以出现更新延迟，而vite是一个开箱即用的，内置很多插件，并且构建极速，热更新是只更新变化的文件，可以很快的查看效果。但是webpack的插件生态比较丰富，vite相对来说很少，大项目推荐使用webpack，中小型项目比较适合vite

5、import和require的区别

1. import/export是ES6标准，而require是commonJs的标准
2. inport是编译时执行异步加载，而require是运行时才会执行，是同步加载
3. require的性能会稍微低于inport