2024年Web前端最全前端网络基础-跨网段ARP请求过程，我的面试经历作文

css

1，盒模型
2，如何实现一个最大的正方形
3，一行水平居中，多行居左
4，水平垂直居中
5，两栏布局，左边固定，右边自适应，左右不重叠
6，如何实现左右等高布局
7，画三角形
8，link @import导入css
9，BFC理解

js

1，判断 js 类型的方式
2，ES5 和 ES6 分别几种方式声明变量
3，闭包的概念？优缺点？
4，浅拷贝和深拷贝
5，数组去重的方法
6，DOM 事件有哪些阶段？谈谈对事件代理的理解
7，js 执行机制、事件循环
8，介绍下 promise.all
9，async 和 await,
10，ES6 的 class 和构造函数的区别
11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

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

1、主机A网络层在收到数据，并封装为数据包后，准备发送数据包之前，根据IP协议来判断：目标IP地址和自身IP地址是否在同一个子网，发现目标IP不在当前子网内，所以该数据包应该交由默认网关来转发

2、主机A检查自身ARP缓存表，根据默认网关IP找mac地址，如果没找到，则广播一条arp请求，默认网关收到广播请求，先缓存主机的ip->mac映射到自身arp表，再发送一个单播arp响应给主机A

3、主机A收到默认网关的单播arp响应后，缓存默认网关的ip->mac映射到自身arp表，再将给数据包封装一个mac头部，该mac头部目的mac地址为默认网关的

4、默认网关收到主机A的数据包，解封后，对比mac地址，发现是给自己的，继续解封，发现ip地址不是自己，所以需要转发该数据包，然后就去路由表找到目标IP的对应接口为接口1，即最终由接口1转发数据包，转发前接口1会将自身mac地址封装进数据包作为源mac地址中，但是发现缺少目标ip的mac地址，所以接口1会广播一条arp请求

5、注意接口1的广播arp请求会首先被目标主机的网关接收到，接着目标主机的网关会单播一条arp响应，反馈自身的ip和mac，并缓存访问者的ip->mac映射

6、主机A的网关收到单播响应后，缓存目标主机的网关的ip->mac映射，然后将目标mac封装进数据包，然后转发。

7、注意接口1转发的数据包首先会被 目标主机的网关 获取到，目标主机网关解封数据包，发现mac地址是自己的，继续解封，发现目标ip不是自己，而是当前子网下的一个主机的，所以将自身mac作为源，目标主机mac作为目的，封装到数据包头部，然后转发给目标主机

8、目标主机收到数据包后，解封检查目的mac是自己，所以继续解封，发现目的ip也是自己，最终得到请求消息内容。

总结流程：

1、源主机a 检查发现 目标主机b 和自己不是同一个子网，所以将数据包交给网关A

Vue

• 什么是MVVM？

• mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？

• 组件之间的传值？

• Vue 双向绑定原理

• 描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？

• 虚拟 DOM 实现原理

• Vue 中 key 值的作用？

• Vue 的生命周期

• Vue 组件间通信有哪些方式?

• vue 中怎么重置 data?

• 组件中写 name 选项有什么作用？

• Vue 的 nextTick 的原理是什么？

• Vuex 有哪几种属性?

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

  

  

444279fc6aa23d42173794.png)