- 博客(15)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 记录问题：解决echarts设置宽度100%，结果变成了100px（通过display控制echarts显隐也存在这个问题）
一个项目中，通过按钮控制echarts的显隐，设置echarts的宽高为100%，刚开始没问题，但是通过按钮控制显隐的时候，发现echarts并未显示，但是通过chrome调试，可以发现echarts已经初始化完成，但是显示的canvas的大小为100*0，如下图显示。因此，可以判断，出现这样问题的原因是：使用百分比显示，再通过按钮控制显隐的话，是echarts没有自适应宽高引起的，所以需要再打开echarts的方法中添加echarts的resize()方法，让它重新计算。
2024-03-05 11:44:31
1002
1
原创 在vue 3 + vite中，动态导入本地图片，解决require不生效问题
在vue2项目中，我会使用require来实现动态图片的加载，但是，当我把这个代码写入vue3+vite的项目中，结果报错：require is not defined。
2024-02-26 12:49:25
636
1
原创 使用 nrm 控制 npm 的源
nrm(npm registry manager) 是一个 npm 的镜像源管理工具，允许我们快速切换 npm 源。
2024-02-21 10:43:24
391
1
原创 安装与使用nvm来管理node，记录几个nvm存在的问题
开发或者维护不同项目时，需要的 node 环境不一样。那我们总不能运行一个项目，下载一个 node 版本吧，这时候，就需要 nvm 了。nvm (Node Version Manager) 就是为了解决这个问题而产生的，它方便我们在同一台设备上管理和切换不同版本的 node.js。
2024-02-20 11:41:53
322
原创 播放流地址
FLV播放刘：https://flvplayer.js.org/assets/video/weathering-with-you.flv。MP4播放流：http://vjs.zencdn.net/v/oceans.mp4。
2023-05-16 16:59:07
148
原创 富文本无法解析 \n 换行问题记录
因为 \n 是 js 中的换行符，而富文本解析的是html，html的换行符是 br 标签。因此可以把字符串中的所有 \n 替换成 br 就可以了。
2022-08-26 10:39:36
2766
1
原创 使用reduce进行Promise排队执行，按照顺序调接口
但是！有序的结果并不代表这些方法是有序的进行！但是！这样会引起eslint报错，所以不建议！就是利用了Promise的链式then方法，进行排队
2022-06-29 09:30:59
952
原创 css3实现图片一直旋转
css3实现图片一直旋转@TOCcss3实现图片一直旋转代码html： <div v-else class="no-data"> <image class="loading-image" src="@/static/loading.png" /> <view class="loading-text">数据加载中...</view> </div >css：.no-data{ text-align: center;
2022-05-23 14:48:27
1265
原创 基于element-ui的el-upload封装一个上传图片的组件
由于最近都在做一个设备管理的模块，需要我上传设备图片，于是，就动手做了一个上传图片的组件，也不多说，直接上代码<template> <div class="component-upload-image"> <el-upload :action="uploadImgUrl" list-type="picture-card" :on-success="handleUploadSuccess" :before-upload
2022-03-24 09:04:24
910
1
原创 基于vue2的切片上传，封装element-ui中的el-upload组件
切片上传我们在工作中，经常要实现图片，视频等上传功能，如果上传的文件很小，那么我们可以直接上传；但是，如果文件很大，比如500MB呢，我们还能直接上传吗？那肯定是不行的，加入我们直接上传，就会发现这个上传的接口，响应时间很长，最终无法生效以至于报错。所以，在这里，我们就需要借助切片上传。所谓的切片上传，就是把一个视频剪成几个小视频一个一个上传。比如：一个视频500MB，我们可以按照5MB一个文件流的大小，切成100份，异步上传到服务器，然后，后台再根据MD5一一识别，最后，我们再调用合并接口，让他们
2022-03-20 22:30:04
4146
原创 vue开发中，数据还没获取，页面已经渲染，导致页面没有数据
在使用vue的时候，经常会遇到这种问题：异步请求，或者是通过组件传值获取数据时，部分页面会在数据获取之前就渲染，导致数据加载不出来。如何解决？使用 v-if根据需求,可以在vue生命周期beforeCreate，created的时候就调用接口获取数据，在成功拿到数据之后的回调函数里面，控制页面显示，可以最大程度上避免页面跳动的问题。由于渲染和请求是异步的，我们可以等到数据请求回来之后，再把页面放出来。上代码<h4 v-if="isShow">{{ data }}</h4>
2021-12-28 09:58:36
21181
1
原创 vue项目中实现倒计时预约功能
最近，公司提出一个新的需求，需求如下：1.实现可预约功能，比如：会议室在8:00开放，但是6:00的时候就可以预约2.要求我做一个按钮，在按钮内显示倒计时等内容3.预约时间需要分成三段： （1） 超出2小时，显示可预约的时间段（显示预约时间） （2）2小时以内的，以倒计时的方式显示（倒计时的方式） （3）预约时间已过的，显示点击预约（...
2021-12-20 17:18:33
1574
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人