js
summer鸿
这个作者很懒,什么都没留下…
展开
-
Warning: `callback` is deprecated. Please return a promise instead.
使用场景:使用表单自定义验证,我的函数使用了async,constvalidatorUsername=async(rule:any,value:string,callback:(message?:string)=>void)=>{}这种情况下不能使用callback直接返回了。应该使用Promise返回...原创 2021-05-28 10:39:07 · 4016 阅读 · 3 评论 -
domtoimage截屏报错Uncaught(in promise)
1. 截屏失败,找了很久的原因,我出现的问题是因为截屏的内容中有一个img标签,src为空,所以就报如下错误,我移除img标签,就可以正常截屏了。原创 2021-02-26 10:18:36 · 1687 阅读 · 2 评论 -
网页端截屏
1. 最开始选用的是html2canvas,但是我截屏的网页有iconfont字体,还有视频,用html2canvas截屏下来字体和视频是显示不完整的,所以就放弃了用这个。2. 选用了domtoimage。 vue使用npm install domtoimage --save import domtoimagefrom"dom-to-image"; domtoimage.toJpeg(你要截屏的dom节点).then((dataURL)=>{...原创 2021-02-07 09:33:13 · 169 阅读 · 0 评论 -
vue拖拽图片到html页面并用axios实现上传
<div @drop="drop($event)" @dragover="allowDrop($event)" ></div>export default { mounted() { document.ondragover = function(e) { e.preventDefault(); //阻止拖放的图片在新窗口中直接显示,拖放的目标对象此时是document对象 }; document.ondrop = fun原创 2020-12-07 17:42:04 · 260 阅读 · 0 评论 -
postMessage在网页通信中遇到的问题
1.<iframeid="child"src="嵌套的地址"></iframe>constchild=document.getElementById('child')child.contentWindow.postMessage('传递的消息', "*")2. 我遇到的问题是在axios请求后,使用postMessage发送消息,window.addEventListener并没有接收到,这里是要在iframe加载完成之后发送数据。child.onloa...原创 2020-11-27 18:01:35 · 1463 阅读 · 0 评论 -
网页中视频适应移动端的方法
这几天,网页中的视频在移动端显示的层级非常高,给定位是解决不了的,在网上找了很多方法,然后找到了只有用jsmpeg将video转换成canvas才行。1.<canvasid="video"></canvas>2. 在网页中引入<scripttype="text/javascript"src="./static/js/jsmpeg.js"></script>3.https://github.com/phoboslab/jsmpeg的js...原创 2020-09-15 18:05:16 · 455 阅读 · 0 评论 -
网页手机端如何初始化就横屏
可以通过旋转的角度来判断1.window.onresize 只会在手机开启自动旋转后才会触发。2. 通过window.orientation 来判断是否旋转<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale...原创 2020-07-30 17:10:21 · 579 阅读 · 1 评论