![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
o1993o
11111
展开
-
canvas图片转素描
素描滤镜:最基础的算法就是:1、去色;(去色公式:gray = 0.3 * red + 0.59 * green + 0.11 * blue)2、复制去色图层,并且反色;3、对反色图像进行高斯模糊;4、模糊后的图像叠加模式选择颜色减淡效果。减淡公式:C =MIN( A +(A×B)/(255-B),255),其中C为混合结果,A为去色后的像素点,B为高斯模糊后的像素点。效果图:...原创 2018-09-17 16:45:50 · 1046 阅读 · 2 评论 -
Vue2 导出Excel + 解决乱码问题 —— axios
请求用的axios(类似ajax问题),找了很多方法,都下载不了文件。 以下是解决方法):1.接口返回的流: 2、请求头和返回头: 方法一、方法二:2.下载流文件的代码 方法一:是用了插件 https://gith...转载 2018-11-08 16:26:02 · 4340 阅读 · 1 评论 -
六位校验框 - vue版
项目需要些一个六位校验码,网上了找了大多都是jQuery版本的,自己改成vue版的了。效果图:代码:<template> <div class="val-box" id="val-box" @click="handleInputClick"> <input ref="valCodeInput" id="val-code原创 2019-01-08 10:31:31 · 472 阅读 · 0 评论 -
script的三种加载方式
script三种加载方式一、不带任何属性<script>当浏览器解析到script标签时,浏览器会停止解析其后的内容,而优先下载脚本文件,并执行其中的代码,是个同步阻塞的过程。而如果想要异步执行script,则可以给其加上async或defer属性。二、async属性<script async>async属性会在HTML解析期间异步下载文件,并在完成...翻译 2019-04-28 20:53:56 · 1791 阅读 · 0 评论 -
vue自定义指令解决输入数字问题
在项目中,经常会遇到input输入限制数字的需求,而type="number"属性用起来并不理想,存在部分问题,并且不大喜欢右侧三角。所以常用的做法是监听input事件再加上正则过滤,但这会有个回退现象,后来在用vue的自定义指令时可以直接获取dom,消除了回退。代码如下:directives: { onlyNum (el,binding,vnode) { ...原创 2019-04-28 21:40:25 · 1954 阅读 · 0 评论