- 博客(110)
- 收藏
- 关注
RSS订阅原创 大文件上传的解决办法~文件切片、秒传、限制文件并发请求。。。
1、项目背景：针对大文件上传，如果将文件作为一个请求去发送给后端，会有以下几种问题，首先是上传时间长，用户不能进行其他操作，包括页面刷新等操作，其次有的接口会设置响应时间限制，可能大文件还没上传完就触发响应限制了，这样对用户很不友好，那么怎么解决呢？2、首先前端针对大文件使用文件切片技术，将大文件切成多个小文件，然后再将多个小文件传给后端，由后端进行组合即可。3、依据文件内容生成唯一的hash值，可以避免文件改名后重复上传的问题。来根据文件的二进制内容计算文件的。
2025-01-16 15:45:23
696
原创 盒子模型的外边距塌陷及解决方法和原因
当一个子元素的上外边距与其包含的父元素的上外边距相遇时，如果父元素没有足够的内边距或边框来分隔它们，这两个外边距也会发生合并。：当两个垂直排列的块级元素相遇时，上面的元素的下外边距和下面元素的上外边距会合并，取两者中的较大值作为最终的外边距。1、盒子模型的定义应该不需要说了，包含外边距、边框、内边距、内容区。：对于嵌套的两个块元素，如果给子盒子加向上的外边距时，父盒子会跟着掉下来，此时就是外边距塌陷。2、外边距塌陷原因：这里涉及到外边距的计算规则，可以理解成此时的外边距是公共的外边距。
2025-01-02 11:54:16
336
原创 解决echarts图宽度自适应问题，设置100%宽度显示100px
1、原因：这里是因为你的echarts图表的盒子使用了v-show或class隐藏样式引起的图表在执行js初始化的时候找不到这个元素，所以自动将“100%”转成了“100”，最后计算出来的图表就成了100px。2、解决方法：既然要保证初始化时DOM元素已经渲染，那么我们可以使用v-if，并搭配nextTick（）实现echarts图表异步加载，让其走在DOM渲染之后。
2024-12-19 20:13:29
662
原创 vue3+echarts 实现折线图（含x轴超长滑动显示，echarts图表销毁,动态修改图表宽度等）
【代码】vue3+echarts 实现折线图（含x轴超长滑动显示等）
2024-12-10 09:21:00
423
原创 vue3+ant design vue 实现日期组件默认展示当前日期，并限制只能选择前3个月及之后的时间
【代码】vue3+ant design vue 实现日期组件默认展示当前日期，并限制只能选择前3个月及之后的时间。
2024-11-30 09:29:20
502
原创 vue3+ant design vue实现日期选择器默认显示当前年，并限制用户只能选择当前年及之前~
1、思路：之前想buxuyao当前年直接做赋值操作，实际上是行不通的，因为组件本身有数据格式限制，会出现报错，然后索性直接获取当前日期（YYYY-MM-DD）赋值给日期组件，这样不管你用的是年，还是月，都可以正确展示。
2024-11-30 09:25:45
650
原创 vue3+echarts实现鼠标进入某一个具体的echarts图表范围即图表盒子时变为小手
2、思路：很多博主都是使用z-index来提高层级或者pointer-events: auto来定义穿透，以及使用 myChart.getZr().on('mousemove', param => {})来判断鼠标是否移入图表中，但是实测是不满足需求的，有的方法是修改鼠标移入图表本身的形状，而不是整个盒子，完全不满足需求。1、效果图（需求：实现鼠标移入echarts的图表范围内变为小手，包含标题区，图表内容区即整个图表盒子区域）
2024-11-29 17:41:14
405
原创 vue3+ant design vue实现表单仅支持输入正整数（正则表达式）
【代码】vue3+ant design vue实现表单仅支持输入正整数（正则表达式）
2024-11-28 15:38:25
236
原创 vue3+echarts+ant design vue实现进度环形图
【代码】vue3+echarts+ant design vue实现进度环形图。
2024-11-23 16:36:09
353
原创 vue3+vant实现弹窗中写类似pc的下拉框（若遇到选项不显示可考虑样式高度问题）
【代码】vue3+vant实现弹窗中写类似pc的下拉框（若遇到选项不显示可考虑样式高度问题）
2024-11-21 17:45:10
319
原创 vue3+vant实现移动端响应式布局（内容区上下滑动，按钮固定在底部）
【代码】vue3+vant实现移动端响应式布局（内容区上下滑动，按钮固定在底部）
2024-11-21 17:15:52
334
原创 vue3+vant实现解决van-field在手机中运行默认弹出系统软键盘问题
【代码】vue3+vant实现解决van-field在手机中运行默认弹出系统软键盘问题。
2024-11-20 14:53:53
797
原创 vue3+ant design vue实现日期等选择器点击右上角叉号默认将值变为null,此时会影响查询等操作~
2、思路：通过监听操作时间绑定的值是否存在，若存在将其改为空数组即可。
2024-11-14 16:15:07
380
原创 vue3+ ant design vue实现表格展示文件链接，并支持下载
【代码】vue3+ ant design vue实现表格展示文件链接，并支持下载。
2024-11-13 11:03:35
403
原创 vue3+ant design vue实现表单校验记录清空
1、情景：假设在弹窗中存在表单校验，当触发后，弹出校验提示信息之后关闭弹窗，然后重新打开弹窗会发现原校验记录信息依旧存在，此时就需要清空。
2024-11-12 17:04:45
681
原创 vue3+vant实现使用van-picker实现三级级联菜单展示（含递归遍历）
1、递归遍历三级展示，禁用自动弹起软键盘、设置文档自动换行避免过长文本省略号展示。
2024-11-07 14:39:25
539
原创 vue3+ant design vue与vue3+vant实现阿里云oss文件上传
1、vue3+ant design vue实现阿里云oss文件上传。2、vue3+vant实现阿里云oss文件上传。
2024-11-06 17:50:33
436
原创 vue3+ant design vue实现表格数据‘是‘‘否‘展示
【代码】vue3+ant design vue实现表格数据‘是‘‘否‘展示。
2024-10-29 17:20:24
414
1
原创 vue3+vant实现视频播放（含首次禁止进度条拖拽，视频看完后恢复，保存播放视频进度，刷新及下次进入继续播放，判断视频有无全部看完等）
【代码】vue3+vant实现视频播放（含首次禁止进度条拖拽，视频看完后恢复，保存播放视频进度，刷新及下次进入继续播放，判断视频有无全部看完等）
2024-10-29 10:04:48
742
原创 ant design vue树选择器实现部分层级禁用（指定层级或依据字段判断）
2、依据层级判断是否禁用，（这里做一二级禁用，第三级放开）1、依据字段判断是否禁用。
2024-10-25 22:27:16
393
原创 ant design vue实现表格渲染（含隐藏默认分页器，自定义分页器，设置loading加载中）
【代码】ant design vue实现表格渲染（含隐藏默认分页器，自定义分页器，设置勾选表格，设置loading加载中）
2024-10-23 10:17:18
283
原创 vant中表单van-field和Picker选择器取消上次用户输入或选择的记录
2、可通过设置 autocomplete="off"来实现取消用户上次输入的记录。
2024-10-21 16:24:58
586
原创 ant-design-vue 可输入表格的校验方法
1、思路，首先用a-form包裹a-table，( 主要是name的取值问题，要严格按照['',index,'校验的字段']来)
2024-10-10 13:13:50
774
1
原创 针对一些需要登录鉴权的接口使用postman测试接口方法
1、在谷歌浏览器中进行接口测试时，如果遇到需要登录的情况，可以先进行登录操作并获取登录状态的cookie。通过浏览器的开发者工具（F12）抓取cookie，然后将这些cookie复制到请求头（Headers）中，确保请求方式正确（GET或POST），即可完成带cookie的接口测试。这种方式允许在不重新登录的情况下访问受保护的接口资源。
2024-10-08 13:22:58
372
原创 vue3+ant design vue实现表单及文件上传必输项设置校验~
2、思路：直接将文件上传放在form表单中，特别注意需要将文件列表定义在表单数据中或进行转存，否则会有2个数据来源，数据校验就检测不到文件列表的变化，造成无法同时校验。1、需求：表单与文件上传设置必输项校验。
2024-09-27 08:53:16
622
原创 ant design vue做表单验证及form表单外验证、父子嵌套多个表单校验
1、form表单验证(若有时遇到输入框有值但是还是触发验证规则了，请检查form表单绑定正确吗、校验规则正确吗、表格数据字段名正确吗)2、form表单外验证。
2024-09-25 14:10:52
772
原创 vue3路由传参的三种方法
params可以使用动态传参，动态传参的数据会显示在地址栏中，且刷新页面不会消失，因此可以使用动态params传参，根据动态传递参数在传递页面获取数据，以防页面刷新数据消失。query 传参配置的是 path，而 params 传参配置的是name，且在 params中配置 path 无效。query传参刷新页面数据不会消失，而params传参刷新页面数据回消失。query传递的参数会显示在地址栏中，而params传参不会。通过state传参时，参数不会暴露在地址中；2.params传参。
2024-09-23 14:01:12
2550
原创 vue3+ant design vue 中弹窗自定义按钮设置及以冒号为基准布局
1、自定义弹窗按钮，去除取消和确定按钮。（网上很多方法都是说通过插槽来实现，但是试了下不生效，那既然插槽不生效的话，干脆直接写按钮就好了）2、以冒号为基准布局（分左右两部分设置对齐方式）。
2024-09-18 19:53:58
557
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人