- 博客(23)
- 收藏
- 关注
RSS订阅原创 关于在uniapp中使用pinia持久化插件报错
然后又怀疑是插件本身的问题，于是换了另一个插件安装pinia-plugin-persist，貌似跟pinia-plugin-persistedstate差不多，只是名字不一样，配置什么的都一样。最近在做uniapp的项目，使用到了vue3+pinia，并使用插件pinia-plugin-persistedstate进行数据持久化存储，但是意外碰到了报错，特此记录一下。起初是以为代码里引入和配置的不正确，但仔细检查之后发现没什么问题，怀疑是包没装好，可能没下载完整，就又删除重新安装了一遍，还是这样。
2025-03-13 09:52:06
1158
原创 WebSocket通信中心跳机制的作用
心跳机制是 WebSocket 连接管理中的一个重要部分，用于确保连接的稳定性和可靠性。通过定期发送心跳消息并接收服务器的响应，可以有效地避免因网络问题导致的连接中断，并及时发现和处理连接异常情况。虽然在连接中断后进行重连是一个重要的机制，但心跳（Heartbeat）机制依然有其不可替代的作用：1. 及时发现连接问题心跳机制：通过定期发送心跳消息并接收确认响应，可以快速检测到连接是否仍然有效。如果在规定时间内没有收到服务器的响应，可以立即判断连接已经断开，并触发重连逻辑。
2025-02-09 11:47:05
989
原创 ts引入模块报错（找不到路径）问题
报错：Cannot find module '@/views/home.vue' or its corresponding type declarations.（找不到模块“@/views/home.vue”或其相应的类型声明。注：准确来说改vite.config.ts文件就行，运行时不报错不影响使用。后来又研究了一下发现，修改tsconfig.app.json文件也行。tsconfig.json文件（用于处理编译器红色波浪线）vite.config.ts文件（用于处理运行时报错）添加后重启编译器即可。
2025-01-21 14:27:45
802
原创 node-sass安装与使用
2.sass-loader和node-sass版本对应。1.node.js和node-sass 版本对应表。2.配置node-sass 的二进制包镜像地址。
2025-01-20 11:01:29
596
原创 yarn运行报错
PowerShell 执行策略，默认设置为 Restricted不加载配置文件或运行脚本。需变更设置为RemoteSigned（电脑系统阻止了这个脚本的运行，对这个脚本不信任，所以我们要更改系统的权限）2、输入 set-ExecutionPolicy RemoteSigned 命令， 更改 PowerShell 执行策略。是否更改执行策略，输入 A（全是）yarn : 无法加载文件 C:\Program Files\nodejs\yarn.ps1，因为在此系统上禁止运行脚本。
2025-01-20 10:43:57
643
原创 css进阶
属性解析：transparent 50%, #fff 50%，从透明到纯白，且是突然变化，无虚化过渡效果。transparent 60%, #fff 40%，前者大于后者，实心区域大小变化；transparent 40%, #fff 60%，后者大于前者，边缘虚化过渡。整体效果是，在元素的右上角有一个圆形的透明到白色的径向渐变，这个圆形的直径为200px。这种技术常用于创造视觉焦点、模拟光晕效果或是作为设计元素的一部分来增加深度和层次感。
2025-01-20 10:39:07
312
原创 TypeScript基础知识
字面量类型 变量等于什么值就是什么类型 const up: ‘up’ = ‘up’，用来限制变量取值。直接访问 Direction.up， 没有默认为0，向后自增长。作用：用来指定一个变量类型，简化书写。5.字面量类型+联合类型。
2025-01-20 10:37:20
130
原创 Echarts问题记录
原因：由于 Vue3 使用了proxy代理 ，ECharts 无法从实例中获取内部变量。解决方法：把echarts实例的定义从data中移除 或 使用shallowRef。
2025-01-20 10:05:00
383
原创 vscode实用插件
中文插件 Chinese 安装重启生效prettier-code format 格式化auto rename tag 自动闭合标签live server 热启动页面Image Preview 图片预览Bracket Pair Colorizer 2 括号对齐标记CSS Peek css定位器open in browserJS-CSS-HTML FormatterGitLens git记录管理Path Intellisense 智能补全路径vetur vue.js的提示工具GitHub Copilot AI代
2025-01-20 09:29:18
140
原创 js知识点汇总
一种新增的基本数据类型，主要就是用于给对象标识一个不需要命名或无法命名（在不知道这个对象有什么属性的情况下，有可能会重名，所以要避免这种情况）的属性，直接调用即可。如果你需要检查一个对象自身是否含有某个可枚举的属性，使用 Object.keys() 方法获得属性名组成的数组，然后检查该属性名是否存在于这个数组中。这是一个从其他页面传入的对象，我们不知道他里面有什么属性，但是我们现在需要给他加一个可以直接调用的方法属性，为了防止发生重名覆盖，使用symbol。取出数组最后一个元素，会改变原数组。
2025-01-18 22:26:51
447
原创 vue3知识点总结
2.生命周期 setup() ——> beforeCreate() , 不是vue3中没有this，而是在setup中拿不到this，this置顶当前组件实例，在setup中，组件还未渲染，所以没有this。例如： onMounted(() => {})9.provide 和 inject。生命周期函数可多次调用。5.父传子 props。8.子组件向外暴露数据。6.子传父 emit。
2025-01-18 22:14:36
230
原创 解决vue路由动态加载报错
错误原因是webpack打包逻辑，webpack4中动态import不支持变量方式，查看路由返回的信息，只是返回一个方法。而静态路由的返回，这个才是正确的组件返回方式。但是我们是要改为动态路由，则必须把它修改为。1.动态引入component。这样动态路由加载就OK了。
2025-01-18 22:08:59
718
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人