qq_41429765的博客

原创 微信支付 h5实现微信支付功能 适用于VUE和UNIAPP

拉起微信支付的前提首先要微信登录，使用返回地址栏中的code，传给后端接口查出openId

原创 闭包 闭包理解 闭包的应用实例

getName获取Person函数中的name,setName设置Person函数中的name。利用闭包原理封装对象缓存局部变量name的值,实现对name的get,set。形成闭包的条件：一个函数访问外部的变量就形成了闭包。(1)可以通过闭包函数形成独立实例的变量。(2)不会造成全局污染。

原创 h5 添加购物车 动画效果实现 （贝塞尔曲线）

【代码】h5 添加购车 动画效果实现 （贝塞尔曲线）

原创 Rollup failed to resolve import “min-dash“ from “D:/proj/src/bpmn/assets/module/Palette/CustomPalett

需配合执行如下命令，由于min-dash是bpmn-js项目中的应批量下载多个相关包，继续执行以下命令方可解决。

原创 如何实现pnpm commit拦截

然后配合package.json这里的脚本使用，这里的脚本内容是。如有不完整的地方欢迎大家的反馈，我会悉心听取不断补足。如上的图片中使用的js，但是因为兼容原因使用cjs。首先需要在package.json中下载这几个包。然后在package.json中添加config。就会在项目的根目录出现这几个文件。配合下载commit相关的包。之后在项目根目录新建文件。

原创 cspell检查的使用

即可执行命令调试，按照图片中的package|apps即可检查这两个包下的文件是否符合变量名定义规范（不能用拼音或不规范单词或中文）就会提示错误。配合vscode的插件Code Spell Checker，会将不符合规范的值或变量名做检查底部会出现蓝色波浪线就是不符合规范。点击修复将不符合规范的变量名可添加到custom-words文本中，即可不会检查此变量，默认为符合规范。然后按住ctrl按键选择黄框内的路径即可跳转到指定文件的报错位置修改即可。在package.json中增加执行脚本。

原创 React中Suspense的分包实践

可以看到多出了Footer和Header的js文件，因此Suspense可以起到打包优化分包的作用。执行pnpm build打包可以看到，项目中所有tsx文件只打包到一个js中。使用Suspense，包裹异步加载的组件打包后。

原创 好用API分享

Web IDE、在线 Photoshop、Notion 本地备份。：直播、PPT 演示 30 秒后自动息屏，老板以为你卡了。：ECharts、AntV 自适应、虚拟滚动条重算高度。：用户想在网页取色，你还要靠 Canvas 自己算像素。：直播、游戏、轮询接口、WebSocket 心跳。：H5 页一键分享到微信、Telegram、邮件。：用户下载到 99%，地铁进隧道，回来又要重下。：用户切后台，你的轮询 & 动画还在烧电。：手动算 FCP、LCP、FID 太麻烦。：前端生成 500 MB CSV，直接。

原创 Vue3页面异常捕获，阻止页面因为错误而白屏

/实现了异常捕获，不会使页面因为报错加载不出。

原创 一.React相关面试真题

它可以帮助应用保持响应，根据用户的设备性能和网速进行调整，它通过渲染可中断来修复阻塞渲染机制，在concurrent模式中，React可以同事更新多个状态。将所有事件都进行批处理，即多次setState会被合并，以此提高性能，在数据层，将多个状态更新合并成一次处理，另外在视图层，将多次渲染合并成一次渲染。通过使用错误边界，你可以确保在组件中发生错误时，整个应用不会崩溃，而是显示一个友好的错误消息，提供更好的用户体验。批量更新是一个破坏性的更新，如果想退出批量更新，可以使用flushSync。

原创 解决使用await async的时候捕捉错误需使用一堆try catch优化代码

C代码中的 err就是A代码try catch中的err，如果调用接口的过程中有报错C代码即可通过err将错误返回内容。解决了在默认使用Promise的时候，错误无法监听，写一堆try catch代码不整洁的困扰，使用await-to-js。

原创 实现一个判断对象存在循环引用的方法

【代码】实现一个判断对象存在循环引用的方法。

原创 统一配置管理根据不同域名展现不同信息或相近信息 Vue3类单例模式封装

1.单例模式就是，通过();创建并导出唯一的实例2.全局访问点：在整个项目中可以通过导入clientManager来访问这个唯一的实例3.延迟初始化：实例在模块加载时创建，而不是在第一次使用时创建。

原创 vue3项目中引入多个大文件图片的时候，如何优化引入方式在各个文件中使用不同的图片

主要作用是动态创建一个异步加载的图片组件，根据accessSrc变量的值来决定加载哪个图片文件。图片位于../../assets/image/loading/目录下，使用Element Plus的ElImage组件来显示，图片的适应方式设置为‘cover’这样即可实现按需加载图片组件，可以提高应用性能。

原创 TS认识Record

通俗讲以上例子：就是Record的key值为ActiveType类型，只能为first或second。value必须为string类型。

原创 git中如何将上一个分支修改的内容，在另一个分支中保存

当我想将已经在当前分支修改的代码，暂时不存储在当前分支，存储到另一个分支的时候可以进行如下操作。（1）正常操作想执行git switch 分支名，会报错误。就是请先将当前修改的代码commit后在执行切换分支。

原创 ReferenceError: Cannot access ‘Tt‘ before initialization at te (3D.ChrxMdg1.js:14:10756) at AIcompet

将组件同步引入加载改为异步引入加载。vue3项目打包后，无端报错。

原创 引入glb文件警告提示

就是告诉ts解析可以按照此路径下的文件进行ts编译规范解析。配合tsconfig.json文件的配置。env.d.ts类型定义文件声明。可使用如下此方式引入图片文件。

原创 类型“DirectorStoryStoryBoardItem | undefined”的参数不能赋给类型“{ id: string； storyId: string； videoTitle: stri

类型“DirectorStoryStoryBoardItem | undefined”的参数不能赋给类型“{ id: string;不能将类型“undefined”分配给类型“{ id: string;

原创 发布npmjs组件库

2.安装打包与声明文件插件。1.用Vite创建空项目。

原创 类型“typeof import(“D:/projectFile/comlibrary/dist/types/index“)”的参数不能赋给类型“Plugin＜unknown[], unknown[]

原创 不能将类型“string[]”分配给类型“InferDefault＜LooseRequired＜Props＞, string | string[] | undefined＞ | undefined”。

ts-plugin(2322)中，当需要为引用类型（如数组或对象）设置默认值时，必须使用工厂函数返回该值，而不是直接提供值。这是因为直接提供数组或对象作为默认值时，所有组件实例将共享同一个数组或对象实例，这可能导致意外的副作用。同时，这也解决了 TypeScript 的类型推断问题，因为工厂函数的返回类型可以正确地被推断为。所需类型来自属性 "separator"，在此处的 "InferDefaults<LooseRequired<Props>>" 类型上声明该属性。为什么要改为函数返回数组呢？

原创 类型“Node”的参数不能赋给类型“ChildNode”的参数

类型“Node”缺少类型“ChildNode”中的以下属性: after, before, remove, replaceWithts-plugin(2345)类型“Node”的参数不能赋给类型“ChildNode”的参数。// 如果是文本节点，检查后面是否有兄弟节点。// 如果是文本节点，检查后面是否有兄弟节点。

原创 Element上不存在属性dataset

所以在创建selectContainer变量之后，赋的值需要设置类型为HTMLElement,增加断言HTMLElement修复即可。由于Element上不存在dataset属性。

原创 vue3 实现下载指令

【代码】vue3 实现下载指令。

原创 vue3实现自定义指令v-copy复制

main.ts全局注册指令。

原创 实现复制 hooks

【代码】实现复制 hooks。

原创 关于分页封装的hooks

【代码】关于分页封装的hooks。

原创 触发事件，按钮loading状态，封装hooks

正常请求接口中，当接口触发，需要声明loading值，作为监听正在请求或请求完成的状态，此hooks方便了这一写法。isLock是监听开始请求接口为true，请求结束的loading状态为false，调用事件loginLock触发事件。

原创 resetForm vue3的hooks

当使用form表单对象或对象有多个字段的时候，此hooks可以帮助重置，修改。

原创 vue3音频播放hook封装

audioPlaying监听音频有无正在播放，正在播放显示停止按钮。可点击朗读执行播放，audioLoading播放中为true。pause事件停止播放。

原创 uni-datetime-picker兼容ios

微信小程序在ios系统中使用选择日期组件，会发现日期组件的文本框内容，遮盖弹窗。

原创 VUE接口任务轮询查询任务封装hooks

【代码】VUE接口任务轮询查询任务封装hooks。

原创 git 暂时保存并隐藏未commit的代码，git找回隐藏的内容

在不执行commit情况下且代码有修改，可以在不提示please commit的情况下，直接切换分支。git stash 暂时保存未commit的代码，并隐藏所保存的代码。执行切换分支在其他分支修改代码或执行commit再返回上一个分支。可执行git stash pop 找回保存隐藏的代码内容。

原创 git将其他分支的某一条代码合并过来

执行git cherry-pick 加复制的值。

原创 加载动画

【代码】加载动画。

原创 选择标签词汇功能（单选多选），在文本框展示

实现文本框选择功能数据格式如下对应的是phrases.value的数据格式。

原创 抓取代码通过AI

用法只需要输入网址即可。

原创 Vue3实现锚点定位

由于引用组件实例，组件未挂载完成就获取ref，会出现此ref还未完全获取到组件撑开区域的高度，就会出现锚点滚动定位位置错乱的问题，修改ref写法，（el）=> {anchorRefs[item.path] = el }使用shallowRef可以实现浅层响应式引用组件实例，当对象的深层属性发生变化时不会触发视图更新，提高了性能。

原创 去背景工具

上传图片 – remove.bg