2402_88002942的博客

原创 query和params的区别

它会将参数嵌入到 URL 的路径中，作为路径的一部分。要使用 params ，必须在路由配置中预先定义一个动态路径，例如： path: ‘uc/workbench/:toDraft’。在目标页面，通过 route.params.toDraft 来获取。如果路由配置中没有定义动态路径， params 传递的参数会被忽略 ，无法在目标页面获取到。URL如下： /pc/admin/uc/workbench?URL 看起来会是这样： /pc/admin/uc/workbench/true。

原创 解决组件不能远程搜索的问题

有一个组件a-select用于在下拉框中选中某个人物，在表单中提交。它的运作方式是其下拉框最初没有数据，需要用户搜索人名，后段会返回模糊搜索的系列数据。例如，前段搜索张建国，后段会返回“张建国”、“张坚果”等；搜索zjg同理；搜索“ll”，返回“bill”、“killra”等。但问题在于，前段此下拉框没有同步显示后段返回的所有数据，而是会严格显示与用户输入字段完全匹配的人名，例如搜索张建国，只显示张建国；搜索zjg则显示不出任何数据。

原创 解决vue中子组件加载时异步数据传输没跟上导致无法正确显示问题

新鲜的bug，一个页面的表格数据A在最开始加载不出来并且一直无法主动加载出来，但是我在本地修改该页面任意代码保存时，会看到数据瞬间出现。尝试了日志输出，确实发现数据A最初是undefined。

原创 多模态情感分析学习扫盲(看到哪个加哪个)

层归一化就是一种“稳定器”。它的思想很简单：在每一层，我们都把输入数据强行“拉回”到一个标准化的分布（通常是均值为0，方差为1），然后再进行缩放和偏移。这样，无论上一层的输出如何变化，传递给当前层的数据分布都是相对稳定的，当前层就可以更专注于它自己的任务。：一个可学习的参数，可以把CLS系数想象成“全局信息音量旋钮”：λ 较大时模型对内容更关注；当前多模态情感分析方法主要分为两类：基于transformer架构、基于图。：一个将任意实数向量转换为概率分布的数学函数。一般用于计算某种权重。

原创 解决sdk添加non-passive的wheel事件监听器，导致的页面滚动性能问题和抖动

算是书接上回，这次发现这个气泡页面一旦被触发时接触到浏览器底部，就会引起整个浏览器页面抖动一次，并且会短暂的多出一个页面进度条，经检查，气泡页面弹出时浏览器控制台会弹出一条verbose：翻译为：【违规】为阻塞滚动的“滚轮”事件添加了非被动事件监听器。请考虑将事件处理程序标记为“被动”，以提高页面响应速度。

原创 解决虚拟列表中hover触发气泡异步加载，导致页面抖动问题

优化用户名片组件的渲染策略，从原来的auto给一个固定宽高，避免重排问题，但是这样做之后发现了一个新的问题，如果鼠标连续路过多个选项，只能加载出第一个的名片组件，其余选项只能加载出固定宽高的一片白板。经过检查发现组件库对下拉选择组件的虚拟列表算法应该进行了修改，如何修改的尚且不得而知，总之使得原方法实效，原来的代码逻辑为：用户名片组件在。这会导致一个问题：名片组件初始渲染时，#B这个元素是空的，异步加载完毕后，这个组件被动态插入，这个过程会引起布局重排，导致页面短暂收缩。下拉选择组件中需要通过。

原创 记录小程序真机bug，而模拟器无法复现

第一次接触小程序开发。总之是两个八杆子打不着的组件在真机调试时莫名产生了联动。检查之后发现是一个组件运行过程中触发了onShow（），里面有对另一个组件的更改。原来模拟器不会触发onShow（）吗。

原创 解决promise使用不当导致的loading标识提前消失问题

而这样的嵌套的Promise链会使得getCase1执行成功后直接返回给handleDownload函数，导致pending值提前变为false，spin组件（就是一个loaing样式）提前消失，让用户误以为下载完毕却没有看到完整的下载文件，很容易诱导用户再次点击下载，造成不必要的负担。重构了代码，将嵌套的Promise链改为更清晰的async/await模式,添加了 return 关键字，确保 Promise被正确返回给调用者。调用多个下载接口时，loading标识提前消失。

原创 react 修复403页面无法在首页跳转问题

当用户在应用首页即触发权限错误时，系统无法正确跳转到403页面，而是正常显示首页，而点击任意导航栏时才能跳转403界面。通过分析，发现问题的在于： 在应用初始化阶段，路由实例尚未完全创建，但权限验证已经开始执行 ，导致403跳转时。也就是在 AccessStore 实例创建时（应用启动的最早阶段之一）就初始化一个只包含403页面的路由。这个最小化路由确保即使在完整路由配置加载前，系统也能处理权限错误跳转。的一个函数中进行，这个函数发生在组件挂载早期。而完整的路由配置依赖于权限表的加载。

原创 react的依赖项数组

简单解释一下，这段代码是逻辑是当满足a和b以及formApi.current条件时，给表单元素item1和item2分别赋值c和d。那么[a, b, c, d]就是依赖项数组。

原创 window.open()带来的浏览器拦截问题

导入了 FileSaver.js 库，这是一个专门处理文件下载的可靠库。

原创 git常用指令

git fetch all 获取远程仓库的所有分支的最新更新。git clone xxxxx 克隆代码到当前路径下。git pull 拉取远程分支更新并合并到本地该分支。git commit -m "update" 提交。git checkout dev 切换dev分支。git add . 将所有修改过的文件放入暂存区。git branch 查看本地所有分支。git push 推送。

原创 简单讲解HTTPS如何保证安全性和可靠性

我们知道https比http多了SSL/TLS协议，使得原先的明文传输得到加密，那么来分析一下原理。

原创 HTTP1-HTTP2-HTTP3简要概述

是基于UDP的QUIC协议，解决掉http2多路复用存在的丢包的问题，每个流拥有独立的序列号和传输控制，流之间完全隔离，一个流的丢包不会影响其他流。这种基于帧的传输机制正是 HTTP/2 实现多路复用的关键条件，它允许同时交错发送多个请求和响应，显著提高了传输效率。在 HTTP/1.x 中，因为HTTP/1.x 协议不带状态，每次请求都必须附上所有信息，请求的很多字段都是重复的。，当服务器收到一个主资源（如HTML）请求时，可以预测客户端接下来需要的相关资源（如CSS、JS、图片），并。

原创 Vite的优缺点（精简版）

作为一款前端构建工具，它的核心特点是“快”，并且充分利用了现代浏览器对ES Modules的原生支持，一切围绕这一点展开。

原创 js手写防抖节流

开发时一般用lodash库防抖：单位时间内，频繁触发事件，只需触发一次最后回调，要实现连续的事件，适用场景：1.搜索框搜索输入。只需用户最后一次输入完，再发送请求${

原创 软件开发模型

软件工程的模型是指在软件开发过程中使用的一系列结构框架和方法，用于指导和规范软件开发的各个阶段和活动。

原创 常见的HTTP状态码

1打头的状态码通常表示指示信息，表示请求已接收，继续处理一般没什么大问题，就不列举了。

原创 JS精度丢失问题：0.1+0.2

JavaScript中表示数只有`number·类型，整数和小数都用双精度浮点数表示(64bit)符号位(1bit): 表示正负号指数位(11bit): 表示次方数尾数位(52bit): 表示精确度0.1和0.2在二进制中都是无限循环的，因此都不能用64位精确储存，也就是实际存储的不是0.1和0.2，只是与它们相近的值。当两个相近值相加时，舍入误差累积，最终得到0.30000000000000004。

原创 快排图解及JS模板代码

【代码】快排图解及JS模板代码。

原创 简单易懂的JavaScript中的this指针

意思就是，我给你一个function1 ，这个方法是我把function和一个this指向绑定到了一起，从今往后你在任何地方调用function1 ，它的指向永远固定，而回到情境中，function1是this.getName，function也是this.getName，也就是说，我们给this.getName重新赋值了一下。这种情况下，如果我们想要this.name始终为"Alice"，就可以使用bind了，bind的意义指定一个this的指定对象，可以在于返回一个始终指向该对象的值。

原创 js单调栈解题模板

【代码】js单调栈解题模板。

原创 动态规划降低空间复杂度例题及简化

假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢？：n = 3：3：有三种方法可以爬到楼顶。

原创 js求解n皇后全注释版

按照国际象棋的规则，皇后可以攻击与之处在同一行或同一列或同一斜线上的棋子。n 皇后问题 研究的是如何将 n 个皇后放置在 n×n 的棋盘上，并且使皇后彼此之间不能相互攻击。给你一个整数 n ，返回所有不同的 n 皇后问题 的解决方案。每一种解法包含一个不同的 n 皇后问题 的棋子放置方案，该方案中 ‘Q’ 和 ‘.’ 分别代表了皇后和空位。

原创 手写实现 Promise

Promise 是 JavaScript 中处理异步操作的重要机制，下面我将展示如何手写实现一个基本的 Promise。

原创 图解力扣回溯及剪枝问题的模板应用

选不选和排列问题有个区别是，如果某个数不被选择，空元素不能直接覆盖掉上一次递归中放在这个位置的元素，所以如果元素被选择，必须在递归结束后将该位置恢复到什么都没有的状态，也就是恢复现场，保证下一次递归不被影响。这种方法注意一点：只要不选，d就不会变，也就意味着两个节点如果是兄弟节点（父节点一样），那么他们的d相等，而一旦i < d，意味着这条线不可能出答案了，因为数字不够用，这个不只是剪枝，而且是必要的，不写会越界。ans 存储所有字母组合，共有 O(4^n) 个组合，递归存了n个点。空间复杂度：O(N)

原创 call() 函数详解

是 JavaScript 中函数调用的重要机制，理解它对于掌握 JavaScript 的面向对象编程和函数式编程都非常关键。是 JavaScript 中函数对象的一个内置方法，它允许你调用一个函数并显式地指定函数内部的。，在非严格模式下会自动替换为全局对象（浏览器中是。在现代 JavaScript 中，部分。的使用场景可以被展开运算符 (值，同时可以传递参数。，因为不需要处理数组参数。

原创 js中==和===的区别

=

原创 v-if和v-show的区分

原创 解决报错：node:internal/errors:496 ErrorCaptureStackTrace(err)；

我使用npm init vue@latest创建项目时出现如下报错。

原创 Vue3的组件通信

【代码】Vue3的组件通信。

原创 Vue工程目录各文件介绍

原创 vue3相比于vue2的提升

综上，Vue3在性能、响应式系统、组件开发、TypeScript支持、可维护性、拓展性、体积以及其他方面都有显著的优势。这些优势使得Vue3成为前端开发者尤其是大型项目的一个更优选择。

原创 从两种遍历方法中构造二叉树

我们每一次递归都是拿着前序遍历的根节点去中序遍历中找，然后对左右子树再次递归。这俩情况的图先放着吧，那天想起来了可能会画，想不起来就阿巴阿巴。给出中序和后序、前序和后序也是同理，不过后者答案就不唯一了。前序遍历的结构：【根，【左子树】，【右子树】】中序遍历的结构：【【左子树】，根，【右子树】】时间复杂度：O(n)空间复杂度：O(n)

原创 哈希表常用内容

【代码】哈希表常用内容。

原创 求二叉搜索树中的众数的三种方法

将树中的元素中序遍历转移进数组中，依次遍历数组，计算每个元素出现的次数count，并及时更新最大数量maxCount，将对应的众数放入ans数组中。该方法时间复杂度和空间复杂度均为O（n）

原创 弹性盒子基础用法

父元素设置display: flex所谓弹性：不设置任何属性的情况下，子元素（弹性盒子）将全部默认在父元素（弹性容器）内横向排列。若子元素的宽度之和大于父元素宽度，则子元素自动挤压自身宽度。如需保留宽度，实现换行，需要添加：flex-wrap:wrap;而假如子元素没有设置高度，则默认显示均与父元素高度相同。

原创 Counter的常见用法

【代码】Counter的常见用法。

原创 递归判断二叉树是否相等极其变式（等价、对称、翻转）

其实就是上面两道题的结合，不要实际去尝试翻转，而要思考本质，即两棵树的子树要么是等价的，要么是对称的，满足这个条件就返回true。

原创 递归求解二叉树问题代码及图解(力扣104、111、112、129、1448)

递归求二叉树问题，我自己坐下来有点头疼，大致将代码分成了重点在“递”和重点在“归”两类，两者应该是可以相互转换的，但是我才疏学浅，实在有点吃力，就先总结如下。给定一个二叉树root，返回其最大深度。二叉树的是指从根节点到最远叶子节点的最长路径上的节点数。[0, 104]