前端
关注
分享
扫一扫
文章平均质量分 57
VIVI Xiao
前端开发程序员
展开
-
CamanJS 一个超好用的图像编辑器（附带跨域问题解决）
需求：为原本较模糊的图片进行颜色加深。（目的是为了将该html转pdf打印查看更清晰，pdf为后台转化，使用的是wkhtmltopdf）接到这个需求之后找到了一款图片编辑器，CamanJS，可对图像进行加深，明亮，模糊等，或者增加各种滤镜。源码库：https://github.com/meltingice/CamanJS文档：http://camanjs.com/基本使用：用法一： Caman('#my-image', function () { this.brightness(10);原创 2021-09-28 10:07:58 · 1356 阅读 · 0 评论 -
前端为本地已生成的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 14:54:44 · 1312 阅读 · 0 评论 -
js 接收服务器返回的二进制流文件，保存并转成文件
接到一个新需求，从某一个服务器返回一个二进制流文件,然后要保存起来上传到另一个服务器。无需用户手动上传。实现过程及分析过程如下：新版本的XMLHttpRequest对象可以获取服务器端的二进制数据，方法如下：XMLHttpRequest对象的其中一个属性responseType,是一个用于定义响应类型的枚举值。详细值如下表格所示，而xhr另一个属性response则是返回一个 ArrayBuffer、Blob、Document，或 DOMString，具体是哪种类型取决于 XMLHttpReques原创 2021-03-29 22:15:28 · 14054 阅读 · 0 评论 -
外部引入vue.js，ie浏览器下报错
mounted:function(){SCRIPT1003: 缺少 ‘:’原创 2020-06-09 08:53:27 · 795 阅读 · 0 评论 -
举例IE浏览器不兼容问题及解决方案
清除IE10下input的叉叉（X）和密码输入框的眼睛图标从IE10开始，input输入框中，type=”text”时，输入框最后会自动生成一个小叉号，type=”password”时，输入框最后会生成一个小眼睛，以方便用户清除已输入文本及查看按钮。但是在个人项目中，并不需要这个小眼睛按钮，并了解到了使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮input::-ms-clear{display: none;}//清除小叉号input::-ms-reveal{d.原创 2020-06-04 09:42:42 · 658 阅读 · 0 评论 -
web每日一题
2020/4/15 let num=10; const increaseNumber =() =>num++; const increasePassedNumber = number =>number++; const num1 = increaseNumber(); const num2 = increasePassedNumber(num1); //...原创 2020-04-15 16:21:08 · 263 阅读 · 0 评论 -
文本溢出截断省略的方法
单行文本溢出省略：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 09:37:37 · 251 阅读 · 0 评论 -
Chrome 按F12总是进入 paused in debugger解决办法
最近调试，按F12总是进入如下图的状态，总是需要按F8结束。于是，找到了解决办法供参考解决办法：进入Sources，查找如下图选中红框中是否有选中的，取消即可。...原创 2020-03-16 09:42:00 · 6278 阅读 · 0 评论 -
在element框架中使用videojs-markers插件时，无法正常引入的坑
接到需求：在视频播放的时候添加打点标志的功能。原项目基本情况：基于element的vue框架，使用的播放视频的插件为：video.js于是，在网上查找关于video.js插件的打点标志功能，很快就找到了videojs-markers可参考：https://github.com/spchuang/videojs-markers使用情况也很简单：如下：页面中，添加视频 <div cl...原创 2019-12-27 15:39:35 · 1762 阅读 · 3 评论 -
element-ui使用报错（一）TypeError: dateObject.getTime is not a function
出现TypeError: dateObject.getTime is not a function报错今天在使用element-ui的表单验证的时候，出现了以下报错：源代码如下：<el-form-item label="直播日期：" style="width: 400px;" prop="date"> <el-date-picker type="date" pl...原创 2019-09-04 00:03:17 · 5071 阅读 · 2 评论 -
JSON
json是JavaScript的一个严格的子集，利用了javascript中的一些模式来表示结构化数据。json是一种数据格式，不是一种编程语言。很多编程语言都有针对json的解析器和序列化器。语法三种类型的值：简单值（字符串，数值，布尔值和null）不支持undefined对象数组json不支持变量，函数或对象实例，他是一种表示结构化数据的格式。序列化json对象有两个方法：s...转载 2019-02-21 17:50:29 · 142 阅读 · 0 评论 -
实现AJAX的基本步骤
要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤: (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象. (2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息. (3)设置响应HTTP请求状态变化的函数. (4)发送HTTP请求. (5)获取异步调用返回的数据. (6)使用JavaScript和DOM实现局...转载 2019-02-21 21:07:10 · 3054 阅读 · 0 评论 -
前端开发所需掌握知识点
HTML&amp;CSS：对Web标准的理解（结构、表现、行为）、浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系，常用属性、布局、选择器、权重、盒模型、Hack、CSS预处理器、CSS3、Flexbox、CSS Modules、Document flow、BFC、HTML5（离线 &amp; 存储、Histoy,多媒体、WebGL\SVG\Canvas）； JavaScrip...转载 2019-02-20 21:39:11 · 188 阅读 · 0 评论