文章目录
- 前言
- [一、 Vue面试题](#一、 Vue面试题)
-
- [👉1、Vue3 的核心特性与相较于 Vue2 的改进](#👉1、Vue3 的核心特性与相较于 Vue2 的改进)
- [👉2、Vue3与 TypeScript 的结合优势](#👉2、Vue3与 TypeScript 的结合优势)
- [👉3、Vue3 的使用场景及行业应用](#👉3、Vue3 的使用场景及行业应用)
- 👉4、ref和reactive的区别
- 👉5、v-if和v-show的区别
- 👉6、浏览器的存储方式有哪些？
- [二、 JS面试题](#二、 JS面试题)
- ✒️总结
前言
本文主要记录一下前端的一些面试题面试，包含js八股，vue面试题，uniapp面试题等等，持续更新
一、 Vue面试题
Vue3 介绍及生态简介
👉1、Vue3 的核心特性与相较于 Vue2 的改进
- 性能提升: Vue3引入了新的虚拟 DOM 算法，使得渲染效率更高，特别是在大型应用中表现尤为突出。
- Composition API: 使得逻辑复用和组织更加灵活，取代了Vue2 中的 Options API。
- TypeScript 支持: Vue3 对 TypeScript 的原生支持更加完善，提供了更好的类型推断和开发体验。
- 更小的体积: Vue3 的核心库相比 Vue2 更小，同时提高了运行时性能。
- Fragments 和 Teleport: 允许多个根节点和跨 DOM 节点传送组件内容。
👉2、Vue3与 TypeScript 的结合优势
- 类型安全: TypeScript 可以保证组件和属性的类型安全，避免潜在的类型错误。
- 自动推导: TypeScript 对 Vue3 的 Composition AP! 提供了自动类型推导，减少了手动声明类型的负担。
- 更好的开发体验: TypeScript 提供的自动补全和类型检查增强了开发效率和代码可维护性。
👉3、Vue3 的使用场景及行业应用
- 单页应用(SPA): 利用 Vue3 的路由和状态管理可以很方便地构建 SPA。
- 管理系统: 如企业后台管理系统，可以利用 Vue3的响应式和组件化特性。
- 电商平台: Vue3 可以帮助开发快速响应的电商网站，尤其适合需要高交互性的应用。
👉4、ref和reactive的区别
- ref既可以处理基础数据类型的值，也可以处理复杂数据类型的值
- reactive 仅处理复杂数据类型的值，不允许传递基础类型的值。
常见问题
- 对于后端接口返回的数据，应该使用ref 还是 reactive接收?
- 响应丢失的问题如何解决?
👉5、v-if和v-show的区别
都可以控制元素的显示和隐藏
- v-show是控制元素的display值来让元素显示和隐藏,v-if显示隐藏是把dom元素整个添加和删除
- v-if有一个局部编译/卸载的过程，切换过程中会适当的销毁和重建内部的事件监听和子组件,v-show只是简单的css切换
- v-if才是真正的条件渲染，v-show从false变成true的时候不会触发组件的声明周期，v-if是会触发声明周期
- v-if的切换效率比较低，v-show的效率比较高
👉6、浏览器的存储方式有哪些？
1.cookies
- H5标准前的本地存储方式
- 兼容性好，请求头自带cookie
- 存储量小，资源浪费，使用麻烦（封装）`
2.localstorage
- H5加入的以键值对为标准的方式
- 操作方便，永久存储，兼容性较好
- 保存值的类型被限定，浏览器在隐私模式下不可读取，不能被爬虫
3.sessionstorage
- 当前页面关闭后就会立刻清理，会话级别的存储方式
4.indexedDB
- H5标准的存储方式，他是以键值对进行存储，可以快速读取，适合WEB场景
二、 JS面试题
👉1、说一下闭包，闭包有什么特点？
什么是闭包？
函数嵌套函数，内部函数被外包函数返回并保存下来时就会产生闭包
js
function fn(a){
return function (){
console.log(a)
}
}
var fo=fn('abcd')
fo()特点: 可以重复利用变量，并且这个变量不会污染全局的一种机制，这个变量一直保存在内存中，不会垃圾回收机制回收
缺点: 闭包较多的时候，会消耗内存，导致页面的性能下降，在ie游览器中才会导致内存泄露
使用场景: 防抖，节流，函数嵌套函数避免全局污染的时候
持续更新中
✒️总结
如果这篇【文章】有帮助到你💖，希望可以给我点个赞👍，创作不易，如果有对前端端或者对python感兴趣的朋友,请多多关注💖💖💖，咱们一起探讨和努力！！！
👨🔧 个人主页 : 前端初见