- 博客(74)
- 收藏
- 关注
RSS订阅原创 h5下载文件，无兼容问题~
但是我们还有个需求，就是批量下载，循环setimeout使用window.open？经过测试，也存在浏览器的差异，下载视频下不全，选择了三个视频下载，结果只下载了两个,有的浏览器还是只能下载一个。如果只是单文件下载，直接使用window.open打开url，就会自行执行下载。移动端会在浏览器中自行创建下载任务，用户可在浏览器的下载管理中查看。测试如上，具体表现为，创建了下载任务，但进度条一直是0%也是同理，但是浏览器为了防止开发人员不断打开新页面，所以。既然访问链接直接进行下载，我们只需要打开页面就行，
2023-09-22 15:23:09
1476
转载 【转载】Vue3动态添加路由及解决页面刷新空白问题
写到这里，动态路由添加就成功了，在点击菜单跳转之后一切正常，但是浏览器刷新一下，页面就变成了空白。此刻，需要在路由跳转前判断是否被添加成功。
2023-03-02 10:04:17
884
转载 【转载】js正则：密码中至少包含大写字母、小写字母、数字、特殊字符等字符中的2种或3种
正则表达式：是否有那么一个开始符号，它后面的字符中包含小写字母（a-z）正则表达式：是否有那么一个开始符号，它后面不全是小写字母（a-z）这个表达式也可以实现相同的功能。
2023-02-22 16:47:26
4121
转载 vue3项目按需加载antdesign启动时报错.bezierEasingMixin()；Inline JavaScript is not enabled. Is it set in your opt
报错原因是因为在使用 babel-plugin-import 配置按需加载时，设置style: true，而当前 less 版本过高；首先还是要先查看下 package.json 文件中 less-loader 的版本，不同版本属性配置略有差异。在项目根目录下新建文件 vue.config.js，具体配置如下。我的less-loader为8.0.0，亲测使用第一种方法有效，不知道使用哪种，可以两个都试一下。查看 package.json 文件中less版本，将其降低为3.0以下版本即可。
2023-02-14 10:45:54
708
转载 使用html2canvas插件截图图片不显示问题 与 JS图片转base64格式
点击按钮保存二维码。使用了html2canvas插件配合canvas来进行保存- 保存的时候头像保存失败，本地可以。- 网络图片不能直接保存两个解决方案：1、html2canvas设置配置项2、先将图片转base64，再赋值给img标签的src属性两者都可以解决。
2022-09-23 14:48:10
3334
1
转载 【npm报错】npm WARN config global --global, --local are deprecated. Use --location=global instead.
npm升级版本失败网上说法大概有这三种，我是前两种都无效，都会提示这个warn可以直接第三种。
2022-09-15 13:34:31
2292
原创 Vue项目使用Websocket大文件FileReader()切片上传
Vue框架/ WebSocket双向传输 /FileReader读取文件。
2022-08-25 17:25:26
1686
1
原创 vue打包后测试环境报错 http://192.1.0.192/favicon.ico 500 (Internal Server Error)
在根目录的index.html中添加。
2022-08-24 17:26:32
648
转载 使用elementui打包后icon图标不显示问题
最近发现当 Vue.js 项目中使用 element-ui 图标时，如果使用 npm run dev 方式启动，图标是显示正常的。查看 /build/webpack.base.conf.js 文件可以发现，woff 或 ttf 这些字体会经由 url-loader 处理后在 static/fonts 目录下生成相应的文件。也就是说实际应该通过 /static/fonts/ 路径来获取字体图标，而实际却是请求 /static/css/static/fonts/，自然报 404 错误。...
2022-08-17 15:17:22
3342
转载 vue2打包后打开网站页面空白
众所周知，Vue路由有两种模式，默认hash模式，这种模式下url上会带"#“，因此很多公司开发都不使用hash模式而选用另一种history模式，因为history模式下的url不会带上”#“。不带”#"既是history模式的优点，同时也让它带来了一些烦人的问题，比如打包部署页面刷新为空白页，使用嵌套路由刷新为空白页的问题。今天我就分享下我解决嵌套路由刷新的问题。问题分析以下是我学习/测试时写的二级路由。...
2022-08-17 15:08:11
2261
原创 vue中高德api报错 Error in mounted hook: “TypeError: AMap.MouseTool is not a constructor“
这样使用起来是没任何问题的，都可以正常使用，但是打包后的环境再测试，就会出现。index.html页面引入的时候key后面跟上。index.html页面中引入高德api。直接在声明这里进行了初始化。
2022-08-17 14:52:21
2169
1
原创 关于diff算法的理解随记
看了上面diff文章，自己记一下理解，有错欢迎指正每一组就是一个dom，第一组为 oldDom，第二组为newDom第一次比较中，两组的第一个值相同，位置不变，后面不同，先不管，此时最终更新的dom为124...
2022-06-25 12:15:42
112
转载 不要过度封装~ 封装一个最简单的Axios 【转载】
原文链接：https://juejin.cn/post/7094165971874611230前言axios 是目前最优秀的 HTTP 请求库之一，虽然 axios 已经封装的非常好了，我们可以直接拿过来用。但是在实际的项目中，我们可能还需要对 axios 在封装一下，以便我们更好的管理项目和各个借口。但是，目前网上有特别多的针对于 axios 在项目中的封装。不得不说，很多大佬封装得非常全面，方方面面都考虑到了。但是我们的每个真的都需要那些封装吗？显然不是的，网上的很多封装其实都显得有点过..
2022-05-27 21:22:56
284
原创 iview清除table组件所有的边框
// 整个table的下边框和右边框 /deep/ .ivu-table:before,/deep/ .ivu-table:after{ background: white; }// table中所有的横边框 /deep/ .ivu-table td,/deep/ .ivu-table th{ border-bottom: 1px solid white; }// 整个table的上边框和左边框 /deep/ .ivu-table-wrapper { border: non
2022-04-06 10:59:51
1068
转载 转载~过滤两个数组并取出不同/相同项（vue/filter）
原文链接https://blog.youkuaiyun.com/miem_yang/article/details/118363671// 数组Alet arrA = ['1111','2222','333','4444','5555']// 数组Blet arrB= ['aaa','bbb','4444','5555','dddd','eeee','ffff','yyyy','mmmm']过滤B数组中不包含A数组的项let differentArr = arrB.filter(item => .
2022-03-29 11:12:46
1233
原创 vue上传组件
使用了iview组件库components文件中创建upload_file 文件upload_file.vue<template> <div> <input :id="buttonId" type="file" @change="changeAction" style="display: none;" /> <Button icon="ios-cloud-upload-outline" type="primary"
2022-02-15 16:47:03
2570
转载 网站大背景（按比例缩放背景图片）
原文链接：http://blog.sina.com.cn/s/blog_593de57e0101o092.html很多网站是全背景图片的，而且适应各种主流分辨率，给人一种干净大气的感觉，实属设计派的一个耍酷良方，下面介绍几种实现全屏图片自适应缩放背景图片的方法。1.帅气简单的CSS3方法html { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -m.
2022-02-11 10:05:49
683
原创 vue实现企业微信扫码登陆功能
企业微信扫码登陆官方文档https://developer.work.weixin.qq.com/tutorial/scan-login/41、在项目根目录的 index.html 文件中引入js文件<script src="http://wwcdn.weixin.qq.com/node/wework/wwopen/js/wwLogin-1.2.4.js"></script>2、在需要展示二维码页面的html部分 为展示二维码准备好节点<div class=".
2022-01-28 15:34:25
5211
1
转载 git clone的时候遭遇fatal: early EOF fatal: index-pack failed解决办法
原文章：https://www.cnblogs.com/codedoge/p/11466086.html记一次使用git拉取代码失败，错误信息：引起这个问题的根源是文件过多，所以我们可以分批次下载文件，先下载一部分，再下载剩下的。以下就是我的解决方案：1、首先关闭 core.compressiongit config --global core.compression 02、然后使用depth这个指令来下载最近一次提交git clone --depth 1 url（url：拉取的仓库地址.
2022-01-25 14:31:09
1472
原创 vue使用provide / inject 组合刷新页面+单独组件刷新
原文链接：https://www.cnblogs.com/leng12/p/xiaoleng.html一、this.$router.go(0)相当于F5刷新，这种方法虽然代码很少，只有一行，但是体验很差。页面会一瞬间的白屏，体验不是很好；二、location.reload()这种也是一样，画面一闪，体验不是很好，相当于页面刷新推荐解决方法：三、用provide / inject 组合原理：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效.
2021-12-20 15:51:23
983
1
转载 css更改鼠标指针样式，几种鼠标点击效果
原文链接 ： https://blog.youkuaiyun.com/qq_42038623/article/details/104875481更改鼠标指针样式1. 鼠标指针的不同样式平常，我们在浏览界面时，会发现鼠标的样式有所不同，鼠标的样式变化和cursor属性有关。cursor属性的几个关键字：default、pointer、wait、help、text、crosshair。default：默认光标；pointer：超链接的指针；wait：表示程序正在忙；help：指示可用帮助；text：指示.
2021-12-15 10:44:05
8774
1
转载 Table表格边框线、样式
原文转自：https://www.cnblogs.com/zhengxu/articles/2354410.htmlHTML_TABLE内外边框颜色设置及页面居中HTML_TABLE内外边框颜色设置及页面居中时间: 2009.05.07 11:32:00标签:<table width="100%" cellpadding="0" cellspacing="0" bgcolor="#a1a1a1" id="table2">---此处设置外边框颜色<tr ><t.
2021-12-01 12:17:15
3783
转载 vue中 $event 的用法--获取当前父元素，子元素，兄弟元素
原文链接：https://www.cnblogs.com/DreamerLeaf/p/11022447.html<button @click = “clickfun($event)”>点击</button> methods: {clickfun(e) {// e.target 是你当前点击的元素// e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素 e.currentTarget.previousElementSibli.
2021-11-25 15:49:10
1291
转载 【转载】Vue -- 获取点击元素的兄弟元素
转载自https://blog.youkuaiyun.com/Lhy_JL/article/details/109130561一、首先 //首先是获取当前点击事件 //view绑定并传递 $event <span v-show="depart" v-on:click="searchDepart($event)">部门</span>二、然后，script e.target; //是你当前点击的元素 e.currentTarget; //是你绑定事件的元素.
2021-11-24 14:22:45
1392
转载 iView中InpuNumber限定正整数，max min无效问题
原文链接：[https://blog.youkuaiyun.com/onceking/article/details/109218995]地址：https://blog.youkuaiyun.com/onceking/article/details/1092189951、max min无效 使用:active-change=“false” 可以暂时解决2、需求限定不能为小数 :formatter="value => ${parseInt(value)}"...
2021-11-16 18:01:44
1695
转载 (转)vue中使用查看大图(vue-photo-preview)
项目需要点击图片放大，看了view与elment均没找到合适的，然后找到大神的分享，在此记录原文章：https://www.cnblogs.com/qhantime/p/13731678.html效果图点击前点击后1、介绍最新需求要实现根据鼠标滚轮实现放大缩小 又找了另外一个组件 https://www.cnblogs.com/qhantime/p/13744965.html基于photoswipe的vue图片预览插件地址https://developer.aliyun.com/mirr
2021-10-25 16:10:09
486
转载 pc端+移动端页面自适应的写法
转载： 钟Bubblehttps://blog.youkuaiyun.com/BubbleABC/article/details/120533745结尾有彩蛋index.html页面内容<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width.
2021-09-28 17:48:09
724
转载 iview 动态合并table组件单元格
原文章地址：https://blog.youkuaiyun.com/wakaka112233/article/details/107210611HTML代码 // :span-method="handleSpan" 给想要合并的table组件绑定方法<div> <Table :columns="columns1" :data="data1" :span-method="handleSpan"></Table></div>// iview 单元格合并.
2021-08-23 11:31:57
698
转载 阻止iview-modal确定时关闭
原文链接https://blog.youkuaiyun.com/qq_16371909/article/details/82800427开发后台管理项目时使用了iview框架，实现模态窗的时候用到其Modal 对话框组件，复制粘贴官方代码时。遇到如下问题：只要点击确定按钮，modal永远会关闭，return都阻止不了其关闭。下面代码中我做了一个数据提交操作，在提交前要判定数据是否合法，不合法就提示用户修改，但我在@on-ok="ok"的ok方法里写return没有任何卵用，只要点击了确定按钮，modal总是会.
2021-08-03 16:47:42
2650
1
原创 删除table中的一行后次数正常排列
问题：比如删除第四次服务，第一列显示的次数顺序就会缺少4，排列为1、2、3、5、6、7最终效果：删除中间任意一条，排序依然正常排序思路：点击任意删除，获取到当前点击条数的下标，将一整个数组拆分为两个数组。数组b为从第一条数据到所点击删除之前的。数组arr为点击删除到最后一条数据点击删除之后将arr数组中第几次服务的第几次全部-1，达到序列正常的效果。然后再将数组a与arrpush进所循环的数组代码片段HTML部分 englistRemove(index){ // 删除其中一条 .
2021-07-29 18:25:25
309
转载 【转载】input只能输入数字并限制长度和大小
原文https://blog.youkuaiyun.com/weixin_40848638/article/details/83147621
2021-07-29 09:55:09
243
原创 项目配置默认接口路径$baseUrl
这几天写一个上传Excel表功能。使用iview中的Upload上传组件实现，写法比较简单，将组件直接复制过来，action的上传地址改成后端给到的完整的接口就好完整代码<Upload :action="this.$baseUrl + 'customer_service_call_notification/add_customer_service_call_excel'" accept=".xlsx" :format="['xlsx']" :on-succe
2021-07-22 11:41:09
1324
空空如也
vue3在js文件中使用antdesign-vue的message组件
2023-11-08
vue获取ts、avi等视频格式时长
2022-11-22
react使用Hook实现分页功能
2022-11-10
webpack创建的vue项目配置https
2022-11-01
关于#Vue项目启动#的问题，如何解决？
2022-10-24
react使用ant Desgin 的table组件动态设置columns
2022-10-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人