今天数据大屏进行接口调试时,发现接口返回了错误net::ERR_CONNECTION_REFUSED,查询了一下这个错误的原因记录一下。
接口报错net::ERR_CONNECTION_REFUSED通常意味着客户端无法连接到服务器。这个错误可能由多种原因导致,包括但不限于服务器...
yekong
2周前 (04-11) 47℃
0喜欢
vue2 数据可视化大屏项目开发中,需要渲染geoJson数据到地图上,但是geoJson数据量太大,有几十兆的大小,并且多个页面会访问此接口,当页面切换后数据量太大积累的数据并没有从内存中清除导致多次切换路由后内存从几十M内存占用到达1000多M,进而导致内存小的电脑网页崩溃。...
yekong
2周前 (04-10) 44℃
0喜欢
ScrollReveal.js 是一个用于在网页元素滚动进入视口时触发动画的 JavaScript 库。它非常适合用来增加页面滚动时的视觉效果,但它本身并不直接控制滚轮滚动的行为或动画。ScrollReveal.js 主要用于当用户滚动页面,使得元素进入视口时,元素以动画的形式呈...
yekong
2周前 (04-09) 49℃
0喜欢
在Vue中,使input元素失去焦点可以通过编程方式调用DOM元素的blur方法来实现。这通常在某些事件处理函数中完成。你可以使用Vue的ref属性来引用DOM元素,并在需要的时候调用this.$refs.refName.blur()来使input失去焦点。
以下是一个示例,展示...
yekong
3周前 (04-06) 65℃
0喜欢
数据可视化大屏项目开发中,项目的token有效期很短,这时候我们就需要使用刷新令牌进行token刷新,当接口code为401的时候,我们需要记录这些报401的接口,然后进行token刷新,刷新完成后,重新请求之前报401的接口以刷新数据。如果token刷新失败的话就直接跳转到登录...
yekong
3周前 (04-06) 51℃
0喜欢
在数据可视化大屏项目开发中,会需要各种动画装饰,数字滚动效果便是其中之一,今天介绍的是CountUp.js滚动插件
动态效果
CountUp.js是一个无依赖、轻量级的JavaScript类,可用于快速创建显示数字数据的动画,使数字数据的展示更加有趣和动态。尽管其名称为Cou...
yekong
3周前 (04-06) 77℃
0喜欢
vue2项目中安装autoprefixer后会报错
Error: PostCSS plugin autoprefixer requires PostCSS 8
解决思路
排查后发现是因为安装的autoprefixer依赖版本太高了,将版本降低一些就可以了。
"auto...
yekong
3周前 (04-05) 68℃
0喜欢
2024年04月05日更新解决思路
如果是项目在其他人的电脑上可以正常运行,但是在自己的电脑上运行报错的话,可是试试pnpm i 安装依赖试试,pnpm通过使用更严格的依赖解析策略和创建依赖的符号链接来避免版本冲突
pnpm的安装与使用
其他的可能
vue项目在本地调试打包没有问...
yekong
3周前 (04-05) 784℃
0喜欢
vue 数据可视化大屏 项目中要求列表可以自动滚动,当前使用的是vue2实现的效果,如果要使用vue3的话,可以通过vue3 使用vue3-seamless-scroll实现列表无缝滚动插件实现.
安装依赖
# vue3
# yarn
yarn add @meruem117/v...
yekong
3周前 (04-01) 1295℃
0喜欢
要实现在切换到不同路由时,网页标题显示为对应路由的标题,你需要在 Vue Router 中配置导航守卫 (Navigation Guards) 来动态修改页面标题。在你的代码中已经有了路由配置,现在我们需要在这个基础上添加导航守卫。
下面是如何实现的步骤:
安装 Vue Rou...
yekong
3周前 (03-31) 463℃
0喜欢