2024年【前端】在Vue2中使用Vanta，b站前端面试题

计算机网络

• HTTP 缓存

• 你知道 302 状态码是什么嘛？你平时浏览网页的过程中遇到过哪些 302 的场景？

• HTTP 常用的请求方式，区别和用途？

• HTTPS 是什么？具体流程

• 三次握手和四次挥手

• 你对 TCP 滑动窗口有了解嘛？

• WebSocket与Ajax的区别

• 了解 WebSocket 嘛？

• HTTP 如何实现长连接？在什么时候会超时？

• TCP 如何保证有效传输及拥塞控制原理。

• TCP 协议怎么保证可靠的，UDP 为什么不可靠？

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

算法

• 链表

• 字符串

• 数组问题

• 二叉树

• 排序算法

• 二分查找

• 动态规划

• BFS

• 栈

• DFS

• 回溯算法

  

导包

import * as THREE from ‘three’
import BIRDS from ‘vanta/src/vanta.birds’

方法

mounted() {
this.vantaEffect = BIRDS({
el: this.$refs.vantaRef,
THREE: THREE
})
},
beforeDestroy() {
if (this.vantaEffect) {
this.vantaEffect.destroy()
}
},

## 4. 实例1


![在这里插入图片描述](https://img-blog.csdnimg.cn/2eecd9ee87d54e9589ad052d11c30656.gif)  
 完整代码：

Hello,World

## 5. 实例2


![在这里插入图片描述](https://img-blog.csdnimg.cn/3e39d5ccd3d0410bb64ed93199118c01.gif)


完整代码：

Hello,World

## 6. 实例3 添加颜色参数等


参加颜色参数  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/122bf22af00749df8853440c02c6ddcb.gif)

Hello,World