- 博客(8)
- 收藏
- 关注
RSS订阅
1原创 使用echarts绘制中国地图与航班线路图
/ 特效图形的标记，可以使用图片链接，或者"path://"+svg图标的矢量路径。// 用于带有起点和终点信息的线数据的绘制，主要用于地图上的航线，路线的可视化。color: "#399036", // 100% 处的颜色。color: "green", // 0% 处的颜色。// echarts5版本，引入echarts的方式发生了改变，要使用以下方式引入。// coords是一个二维数组。// 强调（鼠标放上去的省份位置）// 引入中国地图的json数据。2.使用echarts。
2023-11-04 21:25:00
654
原创 原生js实现预览图片效果
FileReader.prototype.readAsDataURL(blob)方法会使用base-64进行编码，编码的blob参数(即将被读取的Blob或File对象)由data字串开始，后面跟随的是MIME type，然后再加上base64字串，逗号之后就是编码过的图像文件的内容。如：data:image/png;要通过reder.onload中获取this.result，就是转为的base64格式的字符串。
2023-11-03 23:34:08
207
原创 Vue3自定义 hooks 配合canvas实现图片转base64
使用：例如在main.js中引入自定义该 hook 使用，注：自定义hook尽可能使用use作为开头。之后就会在控制台打印出图片转为的base64格式的字符串。
2023-11-02 22:22:47
182
原创 vue项目中图片懒加载的两种实现方式
如自定义指令为v-lazy，函数名就必须要写成vLazy，自定义指令为v-lazy-load，函数名就必须要写成vLazyLoad。（1） 在App.vue中，和上面的写法本质都是通过IntersectionObserver构造函数实现的，代码如下。（0） 给需要添加图片懒加载效果的图片加上 v-lazy=“图片路径”，不用写src属性了。（0） 给需要添加图片懒加载效果的图片加上 v-lazy=“图片路径”，不用写src属性了。注：这种写法要注意声明的函数名称，自定义指令要写成。
2023-08-16 11:06:31
201
原创 vue+vite项目中的环境变量配置
所以，在项目中要根据不同的环境选择不同的服务器地址，这是就需要对环境变量进行配置，而不应该直接通过proxy进行代理配置。我们会发现，得到的结果中新增了我们自己配置的VITE_APP_BASE_API 以及VITE_SERVE。这样就自动完成了不同环境下的代理跨域的配置。
2023-08-14 17:00:24
411
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人