北北滴王-CSDN博客

原创前端使用WebSocket实时通信

最近写项目，需要实现消息通知和实时聊天的功能，就去了解了一些关于websocket的知识，总结如下。什么是WebSocket？WebSocket 是一种在 Web 应用中实现实时通信的协议。与传统的 HTTP 请求不同，WebSocket 连接在客户端和服务器之间建立一个持久性的双向通信管道，使得数据可以在连接打开后随时传递。这消除了 HTTP 请求的开销，能更好的节省服务器资源和带宽，同时在实时应用中提供了更好的性能和响应性。

2025-06-05 13:46:36 553

原创 vue虚拟列表实现（简单详细）项目优化必备

简单来说就是在固定数量的dom节点上去对大量的返回数据进行渲染（dom节点具体有多少还是取决于前端列表需要展示的数量），例如，一个列表，需要接收后端返回的10w条数据，此时我们只需要10个dom节点来展示，那么这10w条数据，会根据滚动事件在这10个dom节点上来进行视图层的刷新渲染，从而实现虚拟列表的展示。其实现方式是只渲染当前可视区域内的数据部分，而非全部渲染数据，可以通过监听滚动事件，动态计算当前可视区域的起始索引和结束索引，并只渲染这一部分的数据。// 计算当前可视区域的起始索引和结束索引。

2025-06-05 13:41:08 183

原创 vue3和java实现大文件的断点续传

el-button @click="handleUpload">开始上传</el-button><el-button @click="resumeUpload">继续上传</el-button><el-button @click="pauseUpload">暂停上传</el-button>// 2MB 切片大小。结合本地存储的思路进行断点续传的实现，以下是前端和java后端代码。// 按照切片索引排序。// 通知服务器所有切片上传完成。// 获取已上传的进度。以上就是功能实现了！// 计算文件hash。

2025-06-05 13:35:00 658

原创 Javascript常见面试题

同步：在主线程上排队之行的任务,只有在最前面的任务执行完成之后,才之行后面的任务。异步：是指不进入主线程,而是进入了“任务队列”的任务,只有“任务队列”通知主线程,某个异步任务可执行了,该任务才会进入主线程执行。

2023-06-13 11:54:05 229 1

原创 React前端面试题

总的来说，React中的setState方法是用于更新组件状态的方法，它可以接收一个对象或一个函数作为参数，用于更新组件的状态。具体的实现就是在客户端创建一个script标签，然后把请求后端的接口拼接一个回调函数名称作为参数传给后端，并且赋值给script标签的src属性，然后把script标签添加到body中，当后端接收到客户端的请求时，会解析得到回调函数名称，然后把数据和回调函数名称拼接成函数调用的形式返回，客户端解析后会调用定义好的回调函数，然后在回调函数中就可以获取到后端返回的数据了。

2023-05-11 11:57:46 1800 5