VIVI Xiao
码龄8年
关注
提问 私信
  • 博客：137,128
    问答：1,958
    139,086
    总访问量
  • 28
    原创
  • 934,002
    排名
  • 32
    粉丝
  • 0
    铁粉

个人简介：前端开发程序员

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：广东省
  • 加入CSDN时间： 2016-09-16
博客简介：

xyy1234567891的博客

查看详细资料
个人成就
  • 获得63次点赞
  • 内容获得38次评论
  • 获得179次收藏
  • 代码片获得887次分享
创作历程
  • 3篇
    2021年
  • 22篇
    2020年
  • 6篇
    2019年
成就勋章
TA的专栏
  • vue
    13篇
  • 日积月累
  • 笔记
  • js高级笔记
    3篇
  • 前端
    13篇
创作活动更多

超级创作者激励计划

万元现金补贴，高额收益分成，专属VIP内容创作者流量扶持，等你加入！

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

CamanJS 一个超好用的图像编辑器（附带跨域问题解决）

需求：为原本较模糊的图片进行颜色加深。（目的是为了将该html转pdf打印查看更清晰，pdf为后台转化，使用的是wkhtmltopdf）接到这个需求之后找到了一款图片编辑器，CamanJS，可对图像进行加深，明亮，模糊等，或者增加各种滤镜。源码库：https://github.com/meltingice/CamanJS文档：http://camanjs.com/基本使用：用法一： Caman('#my-image', function () { this.brightness(10);
原创
发布博客 2021.09.28 ·
1287 阅读 ·
0 点赞 ·
0 评论 ·
4 收藏

前端为本地已生成的pdf文件添加水印

对于已存在的pdf需要如何添加水印呢？前端也可实现该功能。利用pdf-lib库即可实现。官网地址：https://pdf-lib.js.org/源码地址：https://github.com/Hopding/pdf-lib注意：如是添加图片水印，该水印图片需为网络图片<html> <head> <meta charset="utf-8" /> <script src="https://unpkg.com/pdf-lib@1.4.0"&g
原创
发布博客 2021.09.18 ·
1258 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

js 接收服务器返回的二进制流文件，保存并转成文件

接到一个新需求，从某一个服务器返回一个二进制流文件,然后要保存起来上传到另一个服务器。无需用户手动上传。实现过程及分析过程如下：新版本的XMLHttpRequest对象可以获取服务器端的二进制数据，方法如下：XMLHttpRequest对象的其中一个属性responseType,是一个用于定义响应类型的枚举值。详细值如下表格所示，而xhr另一个属性response则是返回一个 ArrayBuffer、Blob、Document，或 DOMString，具体是哪种类型取决于 XMLHttpReques
原创
发布博客 2021.03.29 ·
13596 阅读 ·
6 点赞 ·
0 评论 ·
19 收藏

使用flv.js遇到的问题（含vue中使用flv.js的简单教程）

最近项目中使用到flv.js，却遇到如下两种情况第一种报错情况：谷歌浏览器控制台出现的报错使用报错如下：Failed to read the ‘buffered’ property from ‘SourceBuffer’: This SourceBuffer has been removed from the parent media source.这种错误提示一般是在flv源发生异常中断的时候产生的。错误提示大多数都在 mse-controller.js 这个模块中。解决办法：在 mse-con
原创
发布博客 2020.11.23 ·
15021 阅读 ·
4 点赞 ·
12 评论 ·
14 收藏

举例IE浏览器不兼容问题及解决方案

清除IE10下input的叉叉（X）和密码输入框的眼睛图标从IE10开始，input输入框中，type=”text”时，输入框最后会自动生成一个小叉号，type=”password”时，输入框最后会生成一个小眼睛，以方便用户清除已输入文本及查看按钮。但是在个人项目中，并不需要这个小眼睛按钮，并了解到了使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮input::-ms-clear{display: none;}//清除小叉号input::-ms-reveal{d.
原创
发布博客 2020.06.04 ·
639 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

外部引入vue.js，ie浏览器下报错

mounted:function(){SCRIPT1003: 缺少 ‘:’
原创
发布博客 2020.06.09 ·
778 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

Vue----Element UI 表格点击某一行完成选中事件或取消选中事件

需求：点击表格的某一行，即可触发选中该行。如同element table中组件提供了单选的支持，只需要配置highlight-current-row属性即可实现单选。如下图。但element仅提供了单选，那多选的情况如何实现呢？多选点击效果如下：选中某一行后，相当于对应的checkbox被选中实现如下：界面：在表格上添加以下三个参数<el-table border ref="serveTable" :data="tableData" @selection-
原创
发布博客 2020.05.22 ·
20623 阅读 ·
13 点赞 ·
7 评论 ·
37 收藏

web每日一题

2020/4/15 let num=10; const increaseNumber =() =>num++; const increasePassedNumber = number =>number++; const num1 = increaseNumber(); const num2 = increasePassedNumber(num1); //...
原创
发布博客 2020.04.15 ·
252 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

JS高级笔记（3）函数进阶

函数的定义函数的定义方式1.函数声明方式function关键字（命名函数）function fn() {}2.函数表达式（匿名函数）var fun =function() {}3.new Function(‘参数1’,‘参数2’,…,‘函数体’)var f= new Function(‘a’,‘b’,‘console.log(a+b)’);f(1,2)；Function里面参数都...
原创
发布博客 2020.04.12 ·
283 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

js 多个文件下载方法

for(var i=0;i<3;i++){downloads("http://test.mp4’);}//多文件下载function downloads(url) {const iframe = document.createElement(‘iframe’);iframe.style.display = ‘none’;function iframeLoad() {conso...
原创
发布博客 2020.04.03 ·
951 阅读 ·
1 点赞 ·
1 评论 ·
2 收藏

文本溢出截断省略的方法

单行文本溢出省略：white-space: nowrap;overflow: hidden;text-overflow: ellipsis;多行文本溢出省略：overflow: hidden；-webkit-line-clamp: 2；（用来限制在一个块元素显示的文本的行数）display: -webkit-box；-webkit-box-orient: vertical；tex...
原创
发布博客 2020.03.30 ·
245 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue-cli3如何实现pdf在线预览功能

答:

可以使用pdf.js这个插件
官网地址：http://mozilla.github.io/pdf.js/getting_started/#download
可参考大佬的文章：https://blog.csdn.net/shentibeitaokong/article/details/80011900#

回答问题 2020.03.27

Vue-----Vue Router 的params和query传参的使用和区别

在路由声明中：export default new Router({mode: ‘history’,routes: [{path: ‘/info/:id’,name:‘info’,component: () => import(’…/components/HelloInfo.vue’),}]});跳转：query传参： this.router.push(name:′...
原创
发布博客 2020.03.27 ·
334 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vue----Vue-Router安装及使用

安装npm install vue-router新建router文件夹，在文件夹中添加index.js文件，引入vue-routerimport Vue from 'vue';import Router from 'vue-router';Vue.use(Router);export default new Router({ mode: 'history', ro...
原创
发布博客 2020.03.27 ·
1619 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

js高级笔记（2）构造函数和原型

创建对象可以通过以下三种方式：//1.对象字面量var obj1 = new Object();//2.new Object();var obj2 = {};//3.自定义构造函数function Star(uname,age){ this.uname =uname; this.age = age; this.sing = function(){ con...
原创
发布博客 2020.03.24 ·
167 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vue----右键弹出菜单(vue-contextmenu)

需求：点击右键，弹出菜单，查询资料，找到vue-contextmenu。项目地址：https://github.com/chIIC/vue-contextmenu安装：npm install vue-contextmenu --save引入：import VueContextMenu from 'vue-contextmenu'Vue.use(VueContextMenu)使用：...
原创
发布博客 2020.03.23 ·
24749 阅读 ·
7 点赞 ·
6 评论 ·
22 收藏

VUE----监听浏览器窗口大小的改变

如题，方法如下：export default { data(){ return { clientWidth:document.body.clientWidth } }, mounted(){ let that = this; window.onresize =() =>{ ...
原创
发布博客 2020.03.20 ·
5062 阅读 ·
6 点赞 ·
0 评论 ·
5 收藏

vue-socket.io引发的浏览器兼容问题

问题：因项目需要用到socketIO进行通讯,通过npm install vue-socket.io，后将其运入即可，如下：//引入socket.ioimport VueSocketIO from 'vue-socket.io'Vue.use(new VueSocketIO({ debug: true, connection: 'http://172.16.101.250:2...
原创
发布博客 2020.03.20 ·
1260 阅读 ·
0 点赞 ·
2 评论 ·
0 收藏

Vue----axios中传数组

今天用axios中get方法传输数组，发现了是这样的。。。于是了解了一下，可以采用qs库自带的 arrayFormat 参数配置做一下转化，如下：import axios from 'axios'import qs from 'qs'//get方法：axios.get(url, { params: { target: [1,2,3], type: 1 ...
原创
发布博客 2020.03.19 ·
565 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

Vue-----element框架中，可输入下拉框（el-select和el-autocomplete对比）

需求：需要一个即可选择也可输入的输入框,且需要自定义模板（输入视频源url时，其名称也需展示）。考虑到element有两种组件可实现，那么就来对比一下这两种实现：的实现比较简单，参考element的官网：https://element.eleme.io/#/zh-CN/component/select只需加filterable allow-create即可完成此需求，且有clearable...
原创
发布博客 2020.03.19 ·
17868 阅读 ·
2 点赞 ·
1 评论 ·
19 收藏
加载更多