常见面试题2.0

77 阅读2分钟

常见面试题2

1.vue中父子组件的生命周期执行顺序

图片1.png

2.hash路由和histroy路由区别

image.png

3.vue中key值的作用

在vue中组件是复用的,绑定key值相当于给元素绑定了一个唯一的标识符,vue在渲染的时候会根据diff算法来对比新旧虚拟dom之间的差异,如果key值相同,就会考虑是否复用,如果key值不同,就会强制更新元素来提高渲染效率

4.react.vue项目中做了哪些优化

1)代码分割:将代码分割成更小的块,以便在需要时按需加载,从而减少页面加载时间

2)懒加载:只有当组件需要渲染时才加载它们,而不是在页面加载时一次性加载所有组件,从而减少页面加载时间

3)SSR(服务器端渲染):使用服务器端渲染可以提高首次加载速度,因为它可以在服务器端生成HTML,而不是在客户端生产

4)使用CDN:使用CDN可以加快静态资源的加载速度,从而减少页面加载时间

5)减少HTTP请求:减少HTTP请求可以减少页面加载时间,可以通过合并CSS和JS文件、使用CSS Script等方式来实现

6)使用缓存:使用缓存可以减少服务器的负载,从而提高页面加载速度

7)优化图片:优化图片可以减少页面加载时间、可以通过压缩图片、使用WebP格式等方式来实现

8)避免不必要的重渲染:在React和Vue中,组件的重渲染会导致性能下降,因此需要避免不必要的重渲染,可以使用shouldComponentUpdate或者meno等方式实现