技术问题
文章平均质量分 55
dearqz
欢迎交流与学习
展开
-
quillEditor 配置图片element自定义上传,包含粘贴图片和工具栏上传图片
本文主要关注粘贴图片上传,因为点击工具栏可以增加触发事件addHandler直接上代码:标签部分:<el-upload :action="photoUploadUrl" :show-file-list="false" :on-success="handleQuillImgSuccess" with-credentials accept="image/gif, image/jpeg, image/jpg, image/bmp, image/png".原创 2021-07-15 11:07:27 · 828 阅读 · 1 评论 -
前端利用qrcode设置二维码预览
一、文件引入标签引入<script src="qrcode.js"></script>npm引入cnpm install --save qrcodejs2二、使用方法DOM结构<div id="qrcode" ref="QRcode"></div>原生使用// 设置参数方式var qrcode = new QRCode('qrcode', { text: 'www.baidu.com', // 二维码地址,根据需要原创 2020-10-31 17:37:30 · 1455 阅读 · 0 评论 -
js计算检验字符串的字节或字符长度
计算字符长度:/*** @pamam val 字符串* @pamam num 字符串限制长度,比如:两个汉字,传4,两个字母,传2* @return isShort 为true表示小于传入数据,为false表示大于所传数据num* @return index 表示如果大于所传长度,是从字符串哪个索引开始的*/getByteLen(val = "", num) { var len = 0 var index = 0 if (!val) return {isShort: true} f.原创 2020-10-31 16:45:55 · 1370 阅读 · 0 评论 -
结合async await,动态设置Promise.all()
为了演示动态设置promise,这里模拟一个需求:有一组用户列表,前端需要通过用户列表的用户id去获取用户岗位,获取到岗位id后再通过该id去获取岗位状态,具体逻辑看以下代码:// 模拟接口定义// 获取用户列表信息,包括id,nameconst getIdApi = function() { return new Promise(function(resove, reject) { const data = [{id: '001', name: '001'}, {id: '原创 2020-10-31 16:19:38 · 1873 阅读 · 0 评论 -
echarts 数据堆叠柱状图情况下设置圆角问题
前言众所周知,echarts是前端最受欢迎的一个可视化图标库,几乎满足了前端构建图表的大部分需求,但是使用框架最大的问题可能就是框架的可扩展性,自定义性。不过主流框架也都很好的解决了这些问题,现在就echarts的柱状图数据堆叠怎么给最上面的数据设置圆角进行说明属性说明首先我们来看下正常情况下设置圆角:这是官方示例,代码如下:看下效果:属性stack官方说明:示例代码:...原创 2020-03-31 10:42:59 · 5853 阅读 · 3 评论 -
前端markdown解析器marked的使用与在ie中的兼容问题
最近在vue项目中遇到解析markdown格式文本的需求首先看一下接口返回的数据类型:是md格式的文本渲染有很多方式,我用的是 marked 插件,也是基于markdown-it,是一款比较受欢迎的解析器在vue中如何使用?为了使解析后的code样式能够高亮,我们结合highlight.js实现此效果首先 npm install --save-dev marked highlig...原创 2020-01-16 15:27:19 · 1558 阅读 · 3 评论 -
hexo-prism-plus 无法正确加载,代码高亮不起作用
具体来说是在3.8.0的hexo下无法正确地加载hexo-prism-plus,debug了很久没有结果,特地发邮件向你请教。我在安装了hexo 3.8.0 、hexo-prism-plus 1.1.0后,通过 hexo server --debug 命令启动服务,控制台可以看到插件已经被加载,除此之外没有任何报错信息。打开网页,博客文章中代码部分并没有被高亮,打开开发者工具查看HTML元素,...转载 2019-12-14 11:13:01 · 1852 阅读 · 1 评论