Web前端最全keep-alive Vue-动态组件怎么使用(4)，2024年最新近期有什么面试

最后

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

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

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》

第二种是结合Router，router/index.js中通过设置路由元信息，指定属性缓存属性值为true，不缓存属性值为fasle，在app.vue中用keepAlive包裹要缓存的router****-view，通过$router.meta.设置的路由原信息属性值获取，在keepAlive外在用v-if取反判断，v-if和v-else不是配套使用吗？为什么不使用v-else，v-if和v-else之间要挨着使用不然会报错！****

V-if和v-show区别问题引出回流和重绘：

相同点都是动态控制元素的显示和隐藏

不同处v-if是动态的操作ui结构，比如新增元素、删除元素，而v-show是利用样式display：的值是不是none控制，适应场景，频繁的显示隐藏使用v-show，筛选和初始值用v-if，初始值是从头开始渲染一个元素，所以v-if更适合初始值

v-show触发了浏览器的重绘，v-if触发了浏览器的回流，

重绘：重绘是重新绘制页面外观，例如修改颜色属性

回流：回流是重新构建页面结构，例如新增标签 、删除标签等

外观改变不一定会重新构建页面结构，也就是我们常说的`重绘不一定回流`，

你把一个问题答道这种程度，在面试官眼中你就是 

这个

<button @click=“com = ‘com1’”>显示组件一

<button @click=“com = ‘com2’”>显示组件二

**ES6**

• 列举常用的ES6特性：

• 箭头函数需要注意哪些地方？

• let、const、var

• 拓展：var方式定义的变量有什么样的bug？

• Set数据结构

• 拓展：数组去重的方法

• 箭头函数this的指向。

• 手写ES6 class继承。

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

微信小程序

• 简单描述一下微信小程序的相关文件类型?

• 你是怎么封装微信小程序的数据请求？

• 有哪些参数传值的方法？

• 你使用过哪些方法，来提高微信小程序的应用速度？

• 小程序和原生App哪个好？

• 简述微信小程序原理？

• 分析微信小程序的优劣势

• 怎么解决小程序的异步请求问题？

其他知识点面试

• webpack的原理

• webpack的loader和plugin的区别？

• 怎么使用webpack对项目进行优化?

• 防抖、节流

• 浏览器的缓存机制

• 描述一下二叉树, 并说明二叉树的几种遍历方式?

• 项目类问题

• 笔试编程题：

最后

技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。

使用webpack对项目进行优化?

• 防抖、节流

• 浏览器的缓存机制

• 描述一下二叉树, 并说明二叉树的几种遍历方式?

• 项目类问题

• 笔试编程题：

最后

技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。