初级前端面试

1.介绍自己
2.介绍一下之前做过的项目以及接触的业务
3.最近学的技术，接触的是哪一块（回答了vue3）
4.vue3在什么时候调用接口
beforeCreate
在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
用途
通常在这个阶段可以用来进行一些初始的数据操作，比如对 data 中的数据进行修改。
onMounted
通常在这个阶段可以用来进行一些数据的异步请求操作，比如请求后端接口获取数据。
beforeMount
在挂载开始之前被调用。
用途
通常在这个阶段可以用来进行一些 DOM 操作，比如获取 DOM 元素进行一些操作。

5.vue2和vue3的生命周期有什么不一样
vue2 -------> vue3
beforeCreate --------> setup(()=>{})
created --------> setup(()=>{})
beforeMount --------> onBeforeMount(()=>{})
mounted --------> onMounted(()=>{})
beforeUpdate --------> onBeforeUpdate(()=>{})
updated --------> onUpdated(()=>{})
beforeDestroy --------> onBeforeUnmount(()=>{})
destroyed --------> onUnmounted(()=>{})
activated --------> onActivated(()=>{})
deactivated --------> onDeactivated(()=>{})
errorCaptured --------> onErrorCaptured(()=>{})
Vue2和Vue3钩子变化不大，beforeCreate 、created 两个钩子被setup()钩子来替代

6.watch和computed有什么区别，如果要实现姓名输入框，用哪个，如果我要校验一下姓名是否重复，如何校验，在哪里调接口
computed和lwatch之向的区別：
1、computed能做的，watch都能做，反之则不行
2、能用computed的地方，尽可能使用computed
3、computed是计算一个新的属性，并将该属性挂载到vm（Vue实例）上，而watch是监听已经存在并且已挂载到vm上的数据，所以用watch同样可以监听computed计算属性的变化（其它还有data,props）
4、computed本质是一个惰性求值的观察者，具有缓存性，只有当依赖变化后，第一次访问computed属性，才会计算新的值，而watch则是当数据发生变化便会调用执行函数
5、从使用场景上说，computed适用一个数据被多个数据影响，而watch适用于一个数据影响多个数据

vue中computed和watch的使用场景

7.js里用到的数据类型有哪些
基本类型（原始类型）：
字符串（String）：表示文本数据。
数字（Number）：表示数值数据。
布尔（Boolean）：表示真（true）或假（false）值。
undefined：表示未定义的值。
null：表示空值或没有值。
引用类型：
对象（Object）：表示复杂的数据结构，包括对象、数组、函数等。
数组（Array）：表示有序的集合。
函数（Function）：表示可被调用的代码块。
日期（Date）：表示日期和时间。
正则表达式（RegExp）：表示用于匹配字符串的模式。
特殊数据类型： Symbol（表示唯一的标识符）和 BigInt（表示任意精度的整数）。

8.引用数据类型和基本数据类型有什么区别

1. 存储方式：基本数据类型的值存储在栈中（栈区指内存里的栈内存），占用的内存较小，而引用数据类型的值存储在堆内存中，占用的内存较大，而栈中存储的是对该值的引用。
2. 复制行为：基本数据类型的赋值是按值传递，即将值从一个变量复制到另一个变量，它们之间相互独立。而引用数据类型的赋值是按引用传递，即将引用复制到另一个变量，它们指向同一个对象，修改其中一个会影响到另一个。
3. 比较行为：基本数据类型的比较是比较它们的值是否相等。而引用数据类型的比较是比较它们的引用是否相等，即它们是否指向同一 个对象。
4. 可变性：基本数据类型是不可变的，一旦创建就不能修改其值。而引用数据类型是可变的，可以通过改变对象的属性或方法来修改其内容。

9.我们在使用的时候有什么不一样
10.ES6语法用到了哪些
ES6新特性
11.讲一下flex布局，flex:1表示什么
flex布局
flex属性 是 flex-grow、flex-shrink、flex-basis三个属性的缩写。
flex: 1 是 flex 属性的简写形式，完整的写法是
flex-grow: 1; flex-shrink: 1; flex-basis: 0%
flex: 1 表示子项目将会占用容器中所有可用的剩余空间，以实现均匀分布。
12.定位有哪几种，相对定位有哪些作用
相对定位的作用：
（1）自己位置的微调。相对定位，就是微调元素位置的。让元素相对自己原来的位置，进行位置调整。
（2）子绝父相
css定位详解