vue3 element-plus el-upload的使用及携带token通过koa-jwt认证和携带cookie session通过koa-session认证的设置 node.js后端服务器配置了koa-session和koa-jwt双重认证，而前端el-upload中的action只是个url，如果没有配置header会导致上传文件失败，诸如错误注：使用el-upload时，node.js后端需用使用koa-body，不要和koa-bodyparser同时使用。以下是项目中一个关于上传PDF使用el-upload的例子，仅实现了通过koa-jwt认证，但未通过koa-session认证。
vue3 踩坑记录 pinia 中的常量只复制指引（指引类似C中的指针）不复制数据对象的问题 pinia搭配vue3+TS着实强力，其组件间共享数据、动态响应DOM、精简的代码结构等特性让写代码更流畅且代码更容易维护，但是随着使用发现个问题，用const、let定义新的对象时只是复制了右侧对象的指引（可以理解为C中的指针），并没有拷贝右侧对象下的嵌套对象，导致新定义的对象有改动右侧对象下的嵌套对象也会跟着改动，百度及问ChatGPT说用lodash的deepClone库来做深拷贝，但大可不必，完全可以自己用JS定义一个深拷贝工具。
vue3 踩坑记录 子组件递归调用 共享 pinia 导致无限循环超出堆栈内存 vue3 el-menu 调用的子组件递归使用不当导致的错误：Maximum call stack size exceeded。Extraneous non-props attributes (menus) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
vue3+node.js 封装MongoDB find，传入query对象即可实现多条件、日期时间范围查询 node.js JavaScript 封装MongoDB find，传入对象即可实现多条件、日期时间范围查询。注意：重点是前后端联动，实现多字段过滤的搜索查询，以下从后端连接数据库开始到前端dom组件绑定数据结束，过程相对完整！
vue3 移动端调试工具vconsole和eruda 及其两种使用方式 vue3 移动端调试工具vconsole和eruda 及其两种使用方式。tip：eruda和Chrome浏览器的从console台很像，推荐使用。
vue3 for循环bug 比实际多循环一次 undefined Cannot create property ‘check‘ on boolean ‘false‘ vue3 for循环bug for(const i in list) Cannot create property 'check' on boolean 'false'在mutation中写commit时用for循环为每项更新内容，结果发现语句都执行成功、页面效果也出来了，但是用vue-devtools看state的值没有更新。是因为for循环的次数比list包含项数量多一次，最后一次是空对象即undefined
vue3 使用screenfull插件全屏显示页面、全屏显示元素DOM节点 vue3 使用screenfull插件全屏显示页面、全屏显示元素DOM节点。需求背景：移动端打开网站，发现不能充分利用屏幕空间，浏览器自带的全屏功能很难找，用户体验较差。并且有些元素比如图片需要去放大看，这时如果点击就能全屏，再点击就退出，用户体验可以提升。
vue3 devtools version 6.4.5 避坑 npm run build lerna ERR vue3 devtools version 6.4.5 避坑 npm run build lerna ERR 安装devtools 6.4.5版本，很行，亲测可用！
C语言8种基本排序算法之计数排序 小白一天学一个算法系列，从逻辑、关键、算法动画、完整示例代码四个方面进行学习。（注：冒泡排序示例代码有更详细的注解，共用代码后续算法示例代码中不再注释。）类似于整理扑克牌，将相同数字的扑克牌放在一起，然后按顺序叠放，这样就和刚拆封的扑克牌顺序一样。逻辑：统计有限范围内的相同元素的出现次数并依序填入到数组序列中。关键：统计次数，依序按次数填入序列。
C语言8种基本排序算法之归并排序 小白一天学一个算法系列，从逻辑、关键、算法动画、完整示例代码四个方面进行学习。（注：冒泡排序示例代码有更详细的注解，共用代码后续算法示例代码中不再注释。）以下示例是两两排序，又称二路归并，也可以三路、N路，二路归并实现较简单。归并排序适用于多机同时排序。逻辑：先让子序列都有序，再让子序列之间有序。关键：先分后排序，合并两个有序数列。
C语言8种基本排序算法之堆排序 小白一天学一个算法系列，从逻辑、关键、算法动画、完整示例代码四个方面进行学习。（注：冒泡排序示例代码有更详细的注解，共用代码后续算法示例代码中不再注释。）想象成二叉树，二叉树中任意一个元素对应数组下标上。逻辑：建立大根堆（或者小根堆）之后，交换根节点和最后一个节点的元素；排除最后一个节点元素之后，调整大根堆（或者小根堆）使最大值（或最小值）处于根节点，然后再交换根节点和最后一个节点的元素。循环直至二叉树中所有节点都被排除在外。关键：大根堆的调整过程，第一步从最后一个父节点开始自底向上依次遍历
C语言8种基本排序算法之快速排序 小白一天学一个算法系列，从逻辑、关键、算法动画、完整示例代码四个方面进行学习。（注：冒泡排序示例代码有更详细的注解，共用代码后续算法示例代码中不再注释。）逻辑：分而治之，最右边的数作为分割点，比分割点小的数放在一边，比分割数大的数放在另一边。关键：构造递归函数，借助两个下标，一个下标记录存放位置，另一个标记出要存放的元素，从左到右比较。
C语言8种基本排序算法之希尔排序 小白一天学一个算法系列，从逻辑、关键、算法动画、完整示例代码四个方面进行学习。（注：冒泡排序示例代码有更详细的注解，共用代码后续算法示例代码中不再注释。）逻辑：对插入排序的改进，先用步长分组，再进行插入排序，即隔step长度进行插入排序。关键：位运算，右移一位对半分。
C语言8种基本排序算法之插入排序 小白一天学一个算法系列，从逻辑、关键、算法动画、完整示例代码四个方面进行学习。（注：冒泡排序示例代码有更详细的注解，共用代码后续算法示例代码中不再注释。）逻辑：待插入数和有序数列的数依次比较，符合条件时有序数后移，插入值填写到空出的位置。外层控制插入值进入，内层控制有序数后移。
关注
