qq_52570860的博客

原创 Vue3 使用ElementPlus表格组件时，删除多个选中项时会导致未选中项进行选中且无法删除

在 <el-table>标签中添加 row-key 属性保证表格中每一行的唯一性即可正确删除

原创 关于手写unshift方法

类数组和普通数组的区别?类数组中没有普通数组中常用的方法，例如unshift、pop、push等,因为普通数组的隐式原型(__proto__)是执行Array，使用上面的方法时会从原型上面查找。当一个数组的隐式原型(__proto__)Object的时候就可以证明这是一个类数组。argument里面存储了所有传递过来的参数,是一个类数组，// 遍历原数组的长度 加上 传递过来参数的长度。// 把原数组中的元素放入新数组的最后。// 从前开始给新数组赋值。// 遍历传递进来的数组。

原创 element框架＜el-table＞＜/el-table＞表格滚动条固定位置

原创 JavaScript手写数组filter()方法

第一个参数接收三个参数，分别为：每一个元素、每一个元素的索引、当前数组

原创 前端如何使用websocket发送消息

需要注意的是，在使用 WebSocket 发送消息之前，必须先建立 WebSocket 连接。在上面的代码中，通过创建一个 WebSocket 对象来建立连接，然后在 onopen 回调函数中发送消息到服务器。与传统的 HTTP 请求不同，WebSocket 使用了一个长连接，在客户端和服务器之间保持持久的连接，从而可以实时地发送和接收数据。在 Vue 中使用 WebSocket，可以借助 WebSocket 对象来创建 WebSocket 连接，并通过 send() 方法向服务器发送消息。

原创 Web页面布局

Web 自适应布局是指使用 HTML 和 CSS 创建的布局，能够根据浏览器窗口的大小自动适应不同的布局。相反，自适应布局、响应式布局等动态布局方式越来越受到重视，因为这些布局方式能够根据不同设备的特性和屏幕大小，动态调整页面布局，提高用户体验。此外，需要注意的是，流式布局不是适合所有场景的。总的来说，响应式布局和弹性布局是目前比较流行的布局方法，因为它们能够更好地适应不同的屏幕尺寸和分辨率。需要注意的是，在实际开发中，自适应布局和响应式布局不是非此即彼的关系，它们可以结合使用，以提高网页的适配能力。

原创 Vue3使用Pinia持久化存储（超详细介绍）

2.1. 下载插件: npm i pinia-plugin-persistedstate。2.2. 在main.ts或main.js中进行稍微配置。1.1. 因为刷新页面会导致数据重置。1、为什么要进行持久化存储？2.3. 在仓库中使用。2、怎么进行持久化存储？