前端知识点小记

下载图标，正在下载图标，download icon，downloading icon，代码，gif图

ID与UUID的区别 生成方式： ID（标识符）：通常是由数据库或应用程序分配的数字或字符串，用于唯一标识对象。这些ID可以是自增长的整数（例如，在关系型数据库中使用的主键）或应用程序中分配的唯一字符

使用数组方法 reverse()/toReversed() 使用循环 如果res定义为数组则配合 push() 和 join() 使用

实现点击导出表格中的数据为excel文件 (React + Nest.js)，可用于后台管理系统之中

使用提取标签方法 ,返回NodeList=> 转为数组 => 使用map获取tagName =>Set去重 综合 [...new Set([...document.querySelectorAll("

--- theme: cyanosis --- # JS ## 回调函数 > 回调函数是一种特殊的函数，它作为参数传递给另一个函数，并在被调用函数执行完毕后被调用。回调函数通常用于事件处理、异步编程和

安装 配置拦截器 /api/request.js 统一管理接口 /api/index.js 配置代理解决跨域问题 vue.config.js中 vite.config.js中：

call 函数介绍 作用： 改变this指向 call存在位置：存在于函数的prototype(原型) 手写实现 在Function.prototype上添加myCall方法实现 改变this的指向

SSM框架的基本配置和使用，配置类，异常处理，拦截器，三层结构，Spring，SpringMVC，Mybatis

HTTP（Hypertext Transfer Protocol）有多个版本，其中最常见的是HTTP/1.0、HTTP/1.1、HTTP/2和HTTP/3。这些不同版本之间存在一些显著的区别

进程和线程 浏览器进程 浏览器进程：主要负责界面显示、用户交互、子进程管理、同时提供存储等功能 渲染进程：核心任务是将HTML、CSS和JS转换为用户可以与之交互的网页、排版引擎Blink和JS引擎V

数组 数组深拷贝和浅拷贝 浅拷贝 Object.assign()： 扩展运算符： slice() (仅适用于数组)： 深拷贝 使用 JSON : 步骤：JSON.stringify() 将对象或数组转

强缓存（Strong Caching）和协商缓存（Conditional Caching）是用于在Web浏览器和服务器之间管理HTTP缓存的两种不同策略。

重排是一个比较昂贵的操作，因为它会导致整个页面或部分页面的重新绘制，影响性能。因此，减少重排的次数和影响范围对于提高网页性能和响应速度非常重要优化网页性能的关键之一是减少重排和重绘的次数

将文件切片上传/如何切片/如何确定切片的数量/如何确定切片的大小/显示上传进度条/何时通知后端将切片合并

依赖版本 可拖拽行 — <DraggableRow/> 拖拽单行 拖拽多行 使用多选框，拖拽时将连续被选择的部分统一拖拽 应用在 Table 中 — <DraggableTable/>

下载 关键代码 拼接表头. requestAnimationFrame(processChunk)，调用递归切片方法. 切片程序内部，拼接表格内容，更新进度条信息，定义递归结束条件. 进入递归结束后，

此处为 html + js 实现，如果使用包装的UI组件，可以将file 灵活替换效果，用于前端解析上传文件，不上传到服务器

方式 说明 forwardRef + connect + useImperativeHandle 需要你显式透传 ref，很适合函数组件 父组件 connect，子组件保持纯净 更好的架构设计和解耦