tomrsun-优快云博客

原创 vue使用echarts只显示一次的问题

之前使用vue2+webpack其实没有出现问题，但是新项目采用vue3+vite2后，使用了之前echarts绘图的一个vue组件，因为是用v-if控制的显示影藏，线下是没有问题的，打包部署后于是就出现了点击显示，只显示第一次，关闭再点击就不在显示绘制的canvas，程序不报错，而且canvas其实也加载了这样写就不行了，一直想不到问题，直到我尝试使用v-show也不行，原来里面还要写v-show之前把绘制放在了mounted里面，现在就需要监听父组件的控制显示隐藏的变量，把绘制的canvas方

2021-12-02 14:16:00 1521

原创 jquery使用animate旋转图片会旋转回来

因为需要做一个图标的旋转，就想到jquery的animate，于是直接使用$(".station-icon")[n].animate({transfrom:"rotate(180deg)"}, 500)问题来了，图片旋转后又自己转回来了，看来animate是不行的，那就直接用css.station-icon { width: 15px; position: absolute; top: 5px; right: 5px; transition:

2021-10-29 10:19:06 1153 1

原创 img引入svg图片路径不显示解决办法

其实如果是真的svg图片是可以显示的，当我把svg放在vscode里出现的是这样的可以看到，其实是用的image这个标签引入的png的base64，所以本质上还是png图片，当然也可以引入其他格式的图片，所以此时的svg并不是矢量图，在html里直接写上上面的svg代码，就可以显示。但是因为不是矢量图，所以放大依然会失真，svg的意义就没有了。...

2021-10-29 10:12:14 8587

原创 vite+vue3+scss+ts项目搭建

vue3出来快一年了，新项目需要使用vue3，现在就记录一下搭建过程和一些坑本来用webpack已经搭建好了!但是想了一下，现在不都推荐vite，决定就用vite了，首先用了一下网上的命令npm i -g create-vite-appcreate-vite-app vue3vitecd vue3vitenpm inpm run dev真的是超级快，秒搭建好了但是这里就有问题了，比vue-cli脚手架搭建的项目少了好多东西，这意味着ts、router、scss等等都需要自己再重新装，

2021-07-05 17:42:17 3362 2

原创设置多个inline-block在一行引发的的问题

先看一段代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div class="f-box"> <span class="sub-box1"> </span> <span class="sub-

2020-07-31 17:34:59 714

原创 vue项目加载本地文件

最近有个需求是需要解析一个clr文件，但是这个文件在项目里，不需要要请求获取，当然对于这种文件肯定使用二进制的接受方式。我本来想直接用原生get请求，然后url=“…/static/”,然后发现这样解析其实是在解析你的index.html文件，如果全部拼接，结果就是你的首页。原来static文件夹需要配置vue.config.js这个文件，这里说一下，static和src同级const Cop = require('copy-webpack-plugin')module.exports = {

2020-07-21 16:43:32 2346

原创解决chrome中使用setInterval引起的资源加载失败报错

记录一次解决chrome中使用setInterval引起的资源加载失败报错这里有三种情况，都是和Ajax请求有关。第一，如果是使用一个setInterval，如果设置的间隔时间小于了执行请求时间，会因为上个请求数据没有返回而执行下个请求造成阻塞，就会报类似于 net :: ERR_NETWORK_IO_SUSPENDED；第二，如果是使用多个setInterval，就算设置时间比较长，但是由于两个setInterval执行时间相隔太短也会出现这个报错，我就是这种情况，而且都只要点击一下浏览器报错信息重

2020-07-13 09:47:10 1924 1

tomrsun的博客