自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 contenteditable=“true“

contenteditable="true"

2022-06-24 15:15:15 415 1

原创 vue在打包,声网sdk,部署上线后,出现未初始化的报错,Agora-SDK [ERROR]: Cannot access ‘e‘ before initialization

Agora-SDK [ERROR]: [client-c143d] subscribe user 74291802 error ReferenceError: Cannot access ‘e’ before initialization问题原因参考RTC开发者社区的回答RTC开发者社区回答链接参考大佬的解决思路解决参考办法如果项目和截图中的一样1.那就在webpack.base.conf.js中增加一项配置externalsexternals: { 'AgoraRTCSdkNg':

2022-02-13 16:37:18 4250

原创 关于iframe加载页面会增加浏览器history记录的问题

浏览器的history是不支持删除的,因为MDN上都没有给删除的方法所以在页面里嵌套了多个iframe的时候,切换,就会增加history记录,使用了history.replaceState()不行,window.location.replace()也不行后来问了朋友,说是iframe重复加载的问题,具体原因是iframe的DOM复用 终极办法还是每次新建iframe dom<template> <div style="height:750px;"> <bu

2021-03-24 11:39:04 2442 1

原创 js前端下载文件,利用download.js或者,纯js下载文件,图片,视频,pdf等

目前,我在百度上,找到了三种方式,下载第一种这个方法,用的是FileReader然后readAsDataURL,我自己测试,会比方法二,下载速度要快一点下面的代码段,可以替换,方法三种 download(blob, fileName)这一行const a = document.createElement('a') document.body.appendChild(a) a.style.display = 'none' FileReade

2020-12-16 18:43:31 5028 4

原创 多个iframe嵌套,或者加载在一个主体项目,或者页面里。从iframe拖拽,添加数据到主体项目或者页面上,跨域问题解决

Uncaught DOMException: Blocked a frame with origin “http://abc.aaaa.com” from accessing a cross-origin frame.上面的信息一看,就是跨域了解决,把domain 统一一下,涉及到的项目里,把domain都设置成一样的如果用的vue项目,那就在main.js中或者App.vue里面,写上if (!location.origin.includes('localhost')) { document.

2020-10-20 13:44:41 875

原创 微信官方canvas wxml-to-canvas使用,并结合weapp-qrcode,画二维码,合成一张图,并下载

wxml-to-canvas weapp-qrcode.jsdemo地址附带,其他大佬的解决方案。

2020-06-11 19:23:24 2970 2

原创 vue-pdf报错,之前用的好好的,多刷几次页面,打包到线上,就说pdf跨域,然后还有提示错误

vue-pdf 跨域PDFDocumentLoadingTask.then method use the `promise` getter instead.我们公司用的是阿里云oss返回的链接,所以是带https的问题解决 替换https为httpurl = url.replace('https','http')参考链接pdfjs参考链接这个写法可以解决,上面的提示PDFDoc...

2020-04-22 19:23:58 6397 2

原创 element-ui组件el-tree添加按钮管用,删除按钮,数据会变,但是页面不更新

element-ui组件el-tree添加按钮管用,删除按钮,数据会变,但是页面不更新可能是element-ui 的版本太低了我用的element-ui 2.4.6后来发现2.4.11的是管用的所有更新element-ui版本cnpm i element-ui@2.13.1...

2020-04-22 16:14:43 2253 2

原创 用xlsx-style设置表格的高度,宽度,颜色,字体等

参考资料,讲的不错,他用的是node-xlsx我只用了xlsx,xlsx-style所以修改这个方法就行了// xlsx-style版本0.8.13// xlsx版本0.14.1 //这是xlsx-style文件中的xlsx.js的需要修改的代码,是从xlsx文件夹中的xlsx.js中复制出来的// write_ws_xml_data找到找个方法名字,全部替换// 把xlsx中能修改高...

2019-11-07 10:03:21 30616 44

原创 vue使用xlsx,xlsx-style,导出excel表格,修改文字字体颜色等,兼容JSZip-3.xx版本

修改文件我用的jszip版本3.2.1JSZip.generate这个方法会报错,改源码吧,兄弟参考jszip官网的从2.xx版本向3.xx版本过渡的方法变更// 2.xzip.generate();// 3.xzip.generateAsync({type:"uint8array"}).then(function (content) { // use content})...

2019-11-06 18:54:33 8152 8

原创 vue导出excel表格,自定义字体样式,字体颜色,合并单元格,单元格填充色-xlsx以及xlsx-style,JSZip为2.XX版本

先装包安装注意import XLSX from "xlsx-style"报错:This relative module was not found: ./cptable in ./node_modules/xlsx-style@0.8.13@xlsx-style/dist/cpexcel.js需要修改源码:在\node_modules\xlsx-style\dist\cpexcel.js ...

2019-11-06 18:37:28 8064 24

原创 electron打包文件,在某些windows7上打不开,后台进程中有,只是页面不显示

研究发现,页面打不开,进程中有,是因为这个程序的优先级的问题,如果把程序的优先级调高,那就可以打开。所以想到了用bat脚本来启动程序,这样就可以用高优先级运行程序。其实我一直想找一种办法就是在代码里控制windows的注册表,从注册表中来调高程序的优先级。但是我不懂C++这类语言。一直搞了很久也没找到方法下面是bat文件的代码start /HIGH ".\" 趣学英语.exe解释:sta...

2019-04-18 09:45:38 5675

原创 electron中AS和JS的交互,达到控制全屏和退出全屏(含ESC键退出)用vue写的

需求描述因为electron加载swf,导致在全屏状态下,swf中的拖拽动画无法拖动,经过测试,如果全屏在H5控制,就能让swf拖拽动画正常使用。所以开始研究两个AS同事研究AS,我一个人研究H5上代码// 需要两个文件,一个是js,一个是支持as和js交互的swf// 作用,js是用来生成加载swf的代码,准确的是说一个html,代码如下<html xmlns="http://...

2019-04-18 09:34:24 2679

原创 模仿element-ui实现了可以拖拽的穿梭框--transfer

<template><div id="box"> <div class="box"> <div class="title"> <span :class="{active: leftSelect === data1.length}" @click="selectAll(data1)">课件列表</span&g...

2019-04-03 10:47:54 5044 17

原创 微信h5页面canvas画图,并用a便签下载,由于微信限制,所以只能是长按保存图片

H5之canvas画图,下载,借用html2canvas插件DPR() { // 获取设备的屏幕尺寸 if (window.devicePixelRatio && window.devicePixelRatio > 1) { return window.devicePixelRatio; } return 1; }...

2019-04-03 10:41:32 2967

原创 用canvas画图,动态替换图片,并批量下载,a标签会下载失败,因为太大了,所以用JSZip打包下载

canvas画图借用html2canvas插件画好后,用JSZip打包下载先构建数组用于批量下载// 批量下载海报开始代码// this.piliangQRCodeList 是某个方法中获取的,我做的时候,来自与element-ui的el-select组件的多选属性得到的数组// this.codeList 从接口获取的数据,格式为Array let doms = []...

2019-04-03 10:22:30 646

转载 前端js防抖和节流

节流和防抖浅谈 JS 防抖和节流前端速报作者:安歌https://segmentfault.com/a/1190000018428170防抖和节流严格算起来应该属于性能优化的知识,但实际上遇到的频率相当高,处理不当或者放任不管就容易引起浏览器卡死。所以还是很有必要早点掌握的(信我,你看完肯定就懂了)。从滚动条监听的例子说起先说一个常见的功能,很多网站会提供这么一个按钮:用于返回顶部。...

2019-03-14 10:13:07 358

原创 electron打包swf无法点击input框获取光标

Electron加载flash点击输入框(input)获取不到光标使用webview加载flash,可以是相对路径,也可以是绝对路径,在webview的src中写上即可。*注意:src加载是swf文件,不加载html。这样就可以解决input点击获取不到光标使用embed 标签加载swf文件,可以实现electron打包后的应用程序的全屏功能。embed可以设置允许屏幕全屏的配置...

2019-01-12 21:37:50 1016

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除