@Autowired 和 @Resource 的区别？
The following article is from 面试鸭 Author 编程导航和鱼友们
大家好呀，今天继续来给大家分享一些优质面试题及解答，希望对正在求职的小伙伴有所帮助。
后端
题目一
有哪些注解可以注入 Bean？@Autowired 和 @Resource 的区别？
官方解析
在 Spring 框架中，常用的注入 Bean 的注解包括：
@Autowired：自动注入，按照类型自动装配，如果有多个同类型的 Bean，则需要通过 @Qualifier 指定具体的 Bean。 @Resource：Java 自带的注入方式，按照名称自动装配，默认是按照属性名称进行匹配，如果需要按照 Bean 的名称进行匹配，可以使用 @Resource(name="beanName")。 @Inject：和 @Autowired 类似，也是按照类型进行自动装配，但是 @Inject 注解是 JSR-330 提供的，而 @Autowired 注解是 Spring 框架提供的。 @Value：用于注入配置文件中的属性值，可以指定默认值。 @Component：用于声明一个 Bean，作用类似于 XML 中的 <bean> 标签。
以上注解都可以用于注入 Bean，不同的注解之间的区别主要在于注入方式和实现方式的不同。@Autowired 和 @Resource 最常用，其中 @Autowired 按照类型自动装配更为常用，而 @Resource 按照名称自动装配则比较适合需要明确指定 Bean 名称的情况。
需要注意的是，注入 Bean 的时候最好使用接口类型作为注入对象，这样可以避免因为具体实现类变更导致注入失败的问题。
鱼友的精彩回答
Starry 的回答
Spring 内置的 @Autowired 以及 JDK 内置的 @Resource 和 @Inject 都可以用于注入 Bean。
一般在工作中，@Autowired和 @Resource 使用的比较多一些。
@Autowired 是 Spring 提供的注解， @Resource 是 JDK 提供的注解。 Autowired 默认的注⼊⽅式为 byType （根据类型进⾏匹配）， @Resource 默认注⼊⽅式为byName （根据名称进⾏匹配）。 当⼀个接⼝存在多个实现类的情况下， @Autowired 和 @Resource 都需要通过名称才能正确匹配到对应的 Bean。Autowired 可以通过 @Qualifier 注解来显示指定名称， @Resource 可以通过 name 属性来显示指定名称。
题目二
请你介绍下 JVM 内存模型，分为哪些区域？各区域的作用是什么？
官方解析
JVM 内存模型分为以下几个区域：
程序计数器（Program Counter Register）：每个线程都有自己的程序计数器，用于指示当前线程执行的字节码指令的行号，以便线程执行时能够回到正确的位置。 虚拟机栈（JVM Stack）：也称为 Java 方法栈，用于存储方法执行时的局部变量表、操作数栈、动态链接、方法出口等信息。每个线程在执行一个方法时，都会为该方法分配一个栈帧，并将该栈帧压入虚拟机栈，当方法执行完毕后，虚拟机会将其出栈。 本地方法栈（Native Method Stack）：与虚拟机栈类似，用于存储本地方法的执行信息。 堆（Heap）：用于存储对象实例，是 JVM 中最大的一块内存区域。堆是被所有线程共享的，当创建一个新对象时，对象实例存储在堆中，堆中存储的对象实例都有一个标记用于标记对象是否存活。垃圾回收器会周期性地回收那些没有被标记为存活的对象。 方法区（Method Area）：用于存储已经被虚拟机加载的类信息、常量、静态变量、即时编译器编译后的代码等数据。方法区也是被所有线程共享的。 运行时常量池（Runtime Constant Pool）：是方法区的一部分，用于存储编译期间生成的各种字面量和符号引用，这些内容在类加载后进入常量池中。
其中，程序计数器、虚拟机栈、本地方法栈是线程私有的，堆、方法区、运行时常量池是线程共享的。
鱼皮补充：这题一般是 JVM 必考题，也是 JVM 学习的基础
鱼友的精彩回答
苏打饼干的回答
运行时数据区，包括程序计数器、Java 虚拟机栈、本地方法栈、Java 堆、方法区等。
我很忙的回答
程序计数器：字节码解释器可以改变程序计数器来读取指令，控制代码的流程；多线程的话，能记录线程当前运行的位置（唯一一个不出现outofmemoryerror的数据区） 虚拟机栈：为调用java方法服务的，每一个被线程执行的方法，为该栈中的栈帧，即每个方法对应一个栈帧。调用一个方法，就会向栈中压入一个栈帧；一个方法调用完成，就会把该栈帧从栈中弹出；若栈内存大小不允许动态扩容，可能会出现StackOverflowerror；如果栈内存大小可以动态扩容，则可能出现outofmemoryerror； 本地方法栈：native方法通过这个实现 堆：Java堆是Java虚拟机所管理内存中最大的一块，存放实例对象与数组；容易出现outofmemoryerror 方法区：存放已被加载的类信息、常量、静态变量、即时编译器编译后的代码数据。即永久代，在jdk1.8中不存在方法区了，被称为元空间（Metaspace）。原方法区被分成两部分；1：加载的类信息，2：运行时常量池；加载的类信息被保存在元数据区中，运行时常量池保存在堆中
HeiHei 的回答
堆：
堆是运行时数据区，所有类的实例和数组都是在堆上分配内存。它在 JVM 启动的时候被创建。对象所占的堆内存是由自动内存管理系统也就是垃圾收集器回收。
虚拟机栈：每个线程运行时所需要的内存，称为虚拟机栈 每个栈由多个栈帧（Frame）组成，对应着每次方法调用时所占用的内存 每个线程只能有一个活动栈帧，对应着当前正在执行的那个方法
本地方法栈：
与虚拟机栈发挥的作用相似，相比于虚拟机栈为Java方法服务，本地方法栈为虚拟机使用的Native方法服务，执行每个本地方法的时候，都会创建一个栈帧用于存储局部变量表，操作数栈，动态链接，方法出口等信息。
程序计数器（PC寄存器）：
程序计数器区域是一块较小的区域，它用于存储线程的每个执行指令，每个线程都有自己的程序计数器
方法区（元空间）：
方法区是可提供各条线程共享的运行时内存区域。存储了每一个类的结构信息，例如运行时常量池（Runtime Constant Pool）、字段和方法数据、构造函数和普通方法的字节码内容，还包括一些在类、实例、接口初始化时用到的特殊方法。在JDK1.8之前的版本里，代表JVM的一块区域。在1.8版本以后，这块区域的名字改了，叫做“Matespace”
题目三
Linux 中的硬链接和软连接是什么，二者有什么区别？
官方解析
在 Linux 文件系统中，硬链接（hard link）和软链接（symbolic link）都是一种文件链接的方式，可以用于将一个文件链接到另一个文件上。它们的主要区别在于创建方式、所占空间和使用限制等方面。
硬链接是通过在文件系统中创建一个新的目录项（directory entry）指向同一文件 inode 的位置来实现的。因为硬链接实际上是指向同一 inode，所以如果原文件被删除，硬链接依然能够访问到原文件的内容。硬链接的使用范围比较受限，因为硬链接只能指向同一个文件系统内的文件，不能跨文件系统创建。
软链接是通过在文件系统中创建一个新的文件来实现的，该文件中包含指向另一个文件的路径。软链接可以跨文件系统创建，并且可以指向任何类型的文件。但是，当原文件被删除时，软链接将会失效。
总的来说，硬链接更加高效，因为它只是添加了一个新的目录项，所以对磁盘空间的消耗比软链接要小。但是，硬链接不能跨文件系统，所以在实际应用中需要根据具体的需求来选择使用哪种链接方式。
鱼友的精彩回答
林风的回答
Linux 系统下提供 ln 指令来进行文件链接
ln -s bar.txt foo.txt
ls 查看当前目录下的文件
➜ ll
total 1.2M
-rw-rw-r--. 1 Nova Nova 0 Aug 11 14:43 bar.txt
lrwxrwxrwx. 1 Nova Nova 7 Aug 11 14:43 foo.txt -> bar.txt
这个foo.txt,就是一个文件链接，文件链接主要分为硬链接和软链接，通过查看ln --help
➜ Desktop ln --help
Usage: ln [OPTION]... [-T] TARGET LINK_NAME
Create hard links by default, symbolic links with --symbolic.
Mandatory arguments to long options are mandatory for short options too.
-s, --symbolic make symbolic links instead of hard links
ln 指令默认创建的是硬链接，如果加入了-s参数，则会生成一个软链接。
硬链接
Linux 下的文件是通过索引节点-Inode来识别文件。硬链接当中，多个文件名可以指向同一个索引节点。当创建一个硬链接的时候，文件系统会维护一个引用计数，只要有文件指向这个区块，它就不会从硬盘上消失。两个文件拥有相同的 inode，通过查看文件内容也会发现是一个文件。只删除一个连接并不影响索引节点本身和其它的连接，只有当最后一个链接被删除后，文件的数据块及目录的连接才会被释放，也就是说，文件才会被真正删除
软链接
软链接又叫符号链接，这个文件包含了另一个文件的路径名，例如在上图中，foo.txt 就是 bar.txt 的软连接，bar.txt 是实际的文件，foo.txt包含的是对于 bar.txt 的 inode 的记录。
软连接可以是任意文件或目录，可以链接不同文件系统的文件，在对符号文件进行读或写操作的时候，系统会自动把该操作转换为对源文件的操作，但删除链接文件时，系统仅仅删除链接文件，而不删除源文件本身，这一点类似于 Windows 操作系统下的快捷方式。
区别
另外一点，在删除文件时：硬链接不会直接删除掉文件，除非这个链接是最后一个指向这个文件的链接；软链接也不会直接删除掉文件，相当于删除一个快捷方式。
软链接应用 - 灵活切换不同版本的目标程序 - 动态库版本管理 - 快捷方式 硬链接应用 - 从不同角度对文件进行分类 - 文件多人共享 - 文件备份
Starry 的回答
linux中软链接和硬链接区别为：
1、软链接以路径的形式存在，硬链接以文件副本的形式存在；
2、软链接可以跨文件系统，硬链接不可以；
3、软链接可以对目录进行链接，硬链接不可以。
更详细的区别对比如图所示：
前端
题目一
CSS 中，有哪些方式可以隐藏页面元素？有什么区别?
官方解析
在 CSS 中，有以下几种方式可以隐藏页面元素：
display: none;：完全隐藏元素，元素不占据任何空间。 visibility: hidden;：隐藏元素，但元素在页面中仍占据空间。 opacity: 0;：将元素的透明度设为 0，元素隐藏但仍占据空间。 position: absolute; left: -9999px;：将元素移出屏幕范围之外，元素隐藏但仍占据空间。 z-index: -1;：将元素的层级设置为负数，元素隐藏但仍占据空间。
这些方式的区别在于是否占据空间和是否可见，开发者可以根据实际情况选择不同的方式来隐藏页面元素。
鱼友的精彩回答
Et cetera 的回答
先举例如下:
display:none(元素不可见，不占据空间，无法响应点击事件,会触发重排重绘)
visibility:hidden(元素不可见，占据页面空间，无法响应点击事件，会触发重绘)
opacity:0(元素不可见，占据页面空间，可以响应点击事件,会触发重绘)
设置height、width模型属性为0,有内容还要设置overflow:hidden;(元素不可见，不占据页面空间，无法响应点击事件)
position:absolute(脱标定位到页面外,元素不可见，不影响页面布局)
clip-path(元素不可见，占据页面空间，无法响应点击事件)
你还费解吗的回答
在 CSS 中，可以通过以下几种方式隐藏页面元素：
display: none：把整个元素从页面中移除，从而达到隐藏的效果。由于 display 是非继承属性，所以后代节点也会随父节点的消失而消失，即便设置后代节点的 display 也无法显示。另外，此做法可能会影响页面的布局，导致浏览器发生重排和重绘，造成性能的浪费。元素消失后，自身绑定的事件不会触发。
visibility: hidden：将元素设置为不可见。与 display: none 不同，不会移除元素，而是实现真正意义上的隐藏效果，元素在页面上依然占位。此外，通过 visibility 切换元素的隐藏与显示时不会触发重排，只会触发重绘。该方法的优势在于：visibility是继承属性，即使父元素隐藏了，子元素也可以通过指定 visibility 的值显示出来；隐藏的内容可以被读屏器读取；能配合 transition 属性实现延时显示效果，提高用户体验。但要注意，隐藏后的元素无法触发自身绑定的事件。
盒属性归 0：将一个元素的 margin、border、padding、width 和 height 设置为 0，如果元素内有子元素或内容，还应该设置 overflow:hidden 来隐藏其子元素，代码示例如下。在这种方式下，元素不占据空间，且无法响应事件。
.hiddenBox {
overflow: hidden;
width:0;
height:0;
padding:0;
border:0;
margin:0;
}
position: absolute：使元素脱离文档流，相对于最近的定位（除静态定位外）父元素进行定位，通过调整偏移值将元素移出可视区域。当需要对网站进行 SEO 优化时，可以将 标签设置的 keywords（关键字）通过此方式隐藏在页面中，增加关键字的密度。注意，绝对定位会使元素以 display:inline-block 的形式显示。
position: relative：类似于绝对定位，也是通过调整各个方向上的偏移值来将元素移出可视区域，不同的是相对定位是相对于自己原来的位置，且元素不会脱离文档流，在页面中依然占有原位。
opacity: 0：只是将元素调整为不透明，所以依然存在于页面上，自身的事件可以触发，但其子元素不能通过设置 opacity 来达到显示的效果。
transform: scale(0,0)：将元素缩放为 0。元素仍占位，但无法响应绑定的监听事件。
clip-path：通过裁剪的方式来实现元素的隐藏。元素仍占位，但无法响应绑定的监听事件。代码示例如下：
.hide {
clip-path: polygon(0px 0px,0px 0px,0px 0px,0px 0px);
}
对于上述方法，最常用的还是 1 和 2，其他的只能算是一种小妙招，不太推荐使用。
题目二
什么是 JS 对象的可枚举性（enumerable）？
官方解析
JS 对象的可枚举性指的是对象的某些属性是否可以被 for...in 循环枚举到。每个对象属性都有一个可枚举性标识，这个标识决定了这个属性是否可以被枚举。在对象属性创建时，可以通过 Object.defineProperty() 方法的 enumerable 属性来设置这个属性是否可枚举，默认为 true。
有些内置对象的属性是不可枚举的，例如 Object.prototype 上的属性，这些属性可以通过 Object.getOwnPropertyNames() 方法获取。
在 ES6 中，引入了 Object.keys()、Object.values() 和 Object.entries() 方法来获取对象可枚举属性的键、值和键值对。同时，也提供了 Reflect.enumerate() 方法来获取对象的所有属性（包括不可枚举属性），但该方法已经被废弃。
鱼皮补充：这里题解表达的不清晰，如果你用了 defineProperty，没传参数就相当于设置为 false。这些属性默认为 true
鱼友的精彩回答
luckythus 的回答
什么是 JS 对象的可枚举性 对象的可枚举型是指：
对象中某些属性是否可以被 for...in 循环或者 Object.keys()函数枚举到，如果一个属性是可枚举的，则会出现在枚举过程中，反之则不会。
每个属性都有一个名字和一个属性描述符，属性描述符里面包括了该属性的许多特性，如可枚举性、可写性、可配置性和值等。
默认情况下，使用字面量或Object()构造函数创建的对象的所有属性都是可枚举的，可以使用Object.defineProperty或Object.defineProperties()来设置enumerable特性为false，设置其不可枚举
tip：
Object.keys()作用：用于返回一个 给定对象其自身可枚举的属性 的数组，该方法接收一个对象作为参数，返回该对象中所有可枚举属性的名称组成的一个数组，该数组中的的属性名称按照对象属性定义顺序一致，如果该对象里面的属性没有一个是可枚举性的，则返回空数组。
Object.defineProperty()作用：用来定义一个新的属性或者修改原有的属性
Object.defineProperties()作用：用来定义或修改多个属性
这两种都是可以自定义属性的行为，例如定义或修改属性是否可写、可枚举、可配置等；
它们接收三个参数：1、obj对象；2、prop：要定义或修改的属性名称；3、descriptor：要定义或修改的属性描述符
descriptor的属性描述符包括的特性有：
value：属性的值，默认为undefined writable：属性是否可写，默认为false enumerable：属性是否可枚举，默认为false configurable：属性是否可配置，默认为false get：获取属性值的方法 set：设置属性值的方法
Kristen 的回答
可枚举性（enumerable）用来控制所描述的属性，是否将被包括在 for…in 循环之中。每个对象属性都有一个可枚举性标识，这个标识决定了这个属性是否可以被枚举。具体来说，如果一个属性的 enumerable 为 false，下面三个操作不会取到该属性。
for...in 循环 Object.keys 方法 JSON.stringify 方法
可枚举属性是指那些内部 “可枚举” 标志设置为 true 的属性。对于通过直接的赋值和属性初始化的属性，该标识值默认为 true。但是对于通过 Object.defineProperty 等定义的属性，该标识值默认为 false。
var o = { a: 1, b: 2 }
o.c = 3
Object.defineProperty(o, 'd', {
value: 4,
enumerable: false,
})
o.d //4
for (var key in o) console.log(o[key])
// 1 2 3
Object.keys(o) //['a','b','c']
JSON.stringify(o) //"{a:1,b:2,c:3}"
上面代码中，d 属性的 enumerable 为 false，所以一般的遍历操作都无法获取该属性，但还是可以直接获取它的值。
至于 for...in 循环和 Object.keys 方法的区别，在于前者包括对象继承自原型对象的属性，而后者只包括对象本身的属性。如果需要获取对象自身的所有属性，不管 enumerable 的值，可以使用 Object.getOwnPropertyNames 方法。
题目三
Vue 中 computed 和 watch 区别？分别适用于什么场景？
官方解析
Vue 中的 computed 和 watch 是两种用于响应式数据更新的方法。
computed 是计算属性，它会根据响应式数据的变化自动计算出新的值，并缓存结果，只有在计算属性所依赖的响应式数据发生改变时才会重新计算。computed 适用于需要根据响应式数据计算得出结果的场景，例如根据商品的数量和单价计算商品的总价，或者根据选中的过滤条件过滤出数据列表。
watch 是侦听器，它可以监听指定的响应式数据的变化，并在数据发生改变时执行指定的回调函数。watch 适用于需要执行一些异步或复杂操作的场景，例如监听表单输入框的变化并发送 Ajax 请求，或者监听路由变化并根据路由参数切换页面。
总的来说，computed 适用于计算数据的场景，而 watch 适用于需要执行异步或复杂操作的场景。
鱼皮补充：一旦面试官问你应用场景，都是希望你能结合自己项目中的实践经历去说
鱼友的精彩回答
codexgh 的回答
Vue中的computed和watch都是当数据发生变化时去执行对应的逻辑代码：
computed：computed计算属性，顾名思义就是如果页面中某个地方需要计算某个值其实可以用computed。
<template>
<input v-model="firstNum" /> + <input v-model="secondNum" /> = {{ finalValue }}
</template>
<script setup>
import { ref, computed } from 'vue'
const firstNum = ref(0)
const secondNum = ref(1)
// 计算属性：
const finalValue = computed(()=>{
return firstNum + secondNum;
})
</script>
fullName 他的回调函数中有两个依赖的值分别为firstName和lastName，当这两个值发生变化时，就会触发回调函数的执行，当每次执行完后，会将结果缓存起来，如果下次再去使用这个fullName但是所依赖的值没有发生变化，它会直接返回缓存的值。直到它所依赖的值发生改变时，才回去重新执行回调函数。需要注意的时computed必须要有返回值。
watch: watch 称为侦听器，就是说它会监听一个值的变化，当这个值发生变化时去执行一个对应的逻辑。
<template>
姓：<input v-model="firstName" />
名：<input v-model="lastName" />
<p> 您的姓名为：{{ fullName }} </>
</template>
<script setup>
import { ref, watch } from 'vue'
const firstName = ref('')
const lastName = ref('')
const fullName = ref('')
// 侦听器：
watch([firstName, lastName], ([newFirstName, newSecondName], [oldFirstName, oldSecondName])=>{
fullName.value = newFirstName + newSecondName;
})
</script>
watch是不支持缓存的，只要有数据变化时，就会触发响应的操作，并且watch支持异步监听。监听的回调函数接收两个参数，第一个参数时最新的值，第二个参数时变化前的值。如果需要在组件加载时就出发回调函数可以使用immediate属性来设置；如果需要对对象进行深层的监听，可以使用deep属性开启深度监听。
总结：● 当需要进行数值计算,并且依赖于其它数据时，应该使用 computed，因为可以利用 computed 的缓存特性，避免每次获取值时都要重新计算。● 当需要在数据变化时执行异步或开销较大的操作时，应该使用 watch，使用 watch 选项允许执行异步操作 ( 访问一个 API )，限制执行该操作的频率，并在得到最终结果前，设置中间状态。这些都是计算属性无法做到的。
星球活动
1.欢迎参与 30 天面试题挑战活动 ，搞定高频面试题，斩杀面试官！
2.欢迎已加入星球的同学 免费申请一年编程导航网站会员 ！
3.欢迎学习 鱼皮最新原创项目教程，手把手教你做出项目、写出高分简历！
加入我们
欢迎加入鱼皮的编程导航知识星球，鱼皮会 1 对 1 回答您的问题、直播带你做出项目、为你定制学习计划和求职指导，还能获取海量编程学习资源，和上万名学编程的同学共享知识、交流进步。
💎 加入星球后，您可以：
1）添加鱼皮本人微信，向他 1 对 1 提问，帮您解决问题、告别迷茫！点击了解详情
2）获取海量编程知识和资源，包括：3000+ 鱼皮的编程答疑和求职指导、原创编程学习路线、几十万字的编程学习知识库、几十 T 编程学习资源、500+ 精华帖等！点击了解详情
3）找鱼皮咨询求职建议和优化简历，次数不限！点击了解详情
4）鱼皮直播从 0 到 1 带大家做出项目，已有 50+ 直播、完结 3 套项目、10+ 项目分享，帮您掌握独立开发项目的能力、丰富简历！点击了解详情
外面一套项目课就上千元了，而星球内所有项目都有指导答疑，轻松解决问题
星球提供的所有服务，都是为了帮您更好地学编程、找到理想的工作。诚挚地欢迎您的加入，这可能是最好的学习机会，也是最值得的一笔投资！
长按扫码领优惠券加入，也可以添加微信 yupi1085 咨询星球(备注“想加星球”)：