初级前端面试

news/2024/9/21 17:30:24 标签: 前端, 面试, 职场和发展

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定位详解


http://www.niftyadmin.cn/n/5669164.html

相关文章

Spring系统学习(一)——初识Spring框架

1. Spring 框架概述 1.1 什么是 Spring? Spring 是一个流行的基于 Java 的开源框架,旨在简化企业级应用程序的开发。最初,它是为了简化 Java 企业版(Java EE)的复杂性而设计的,经过不断发展,S…

【算法】算法思想合集

数组分块 将数组分成具有某些特征的段使用双指针算法(如果是数组,使用下标充当指针)存在信息丢失的问题,可以考虑从后向前进行利用单调性进行定性分析(盛最多的水) 滑动窗口同向移动的双指针出窗口一般是w…

Oracle11g安装配置详细教程

Oracle卸载重装比较麻烦,尽量一次成功,如果遇到问题实在解决不了,请后台私信我! 1、下载oracle安装包 下载方式1:官网下载地址: https://docs.oracle.com/en/database/oracle/oracle-database/index.html …

Net core 环境变量

Environment.ExpandEnvironmentVariables(“资源名称”)

张养浩,文坛政坛的双重巨匠

张养浩,字希孟,号云庄,又称齐东野人,生于元世祖至元七年(公元1270年),卒于元英宗至治三年(公元1329年),享年59岁。他是中国元代著名的文学家、政治家&#xf…

SpringDataJpa自关联映射时出现StackOverflowError

使用Jpa自关联时,存在子数据的记录会报内存溢出问题StackOverflowError 原因: 使用了 lombok 插件中的Data注解来标注类,生成 gettet/setter 以及 toString lombok 在生成时会出现循环比较两类中的 hashcode,导致内存溢出。 解决…

海外大带宽服务器连接失败怎么办?

在全球化日益加深的今天,海外大带宽服务器已成为企业拓展国际市场、提升业务效率的重要工具。然而,面对复杂多变的网络环境和技术挑战,服务器连接失败的问题时有发生,这不仅影响了企业的正常运营,还可能带来经济损失和…

安卓13设置动态显示隐藏第一页的某一项 动态显示隐藏无障碍 android13设置动态显示隐藏第一页的某一项

总纲 android13 rom 开发总纲说明 文章目录 1.前言2.问题分析3.代码分析4.代码修改4.1修改方法14.2修改方法25.编译6.彩蛋1.前言 有时候,我们的设置里面显示的信息,需要根据不同的情况显示不同的信息,例如,动态的显示或者隐藏 “无障碍” 这一项。 2.问题分析 像这个问题…