![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 76
巴拉拉L
这个作者很懒,什么都没留下…
展开
-
【js】vue项目内的图片转换为File的形式
前情提要后端项目中已有一个接口,接收前端input[type=file]上传的图片文件。但前端需要添加一个重置功能,即将图片重置为默认图片,且不添加新接口。因此,想要利用此接口实现重置功能,即是将项目内的默认图片转换为file形式,便可使用此接口进行上传。主要实现主要步骤为:图片 —> base64 —> Blob —> File。1)图片转base64其中,$.Deferred是使用了JQuery的方法。// 实现将项目的图片转化成base64function getB原创 2020-06-23 12:48:04 · 6029 阅读 · 2 评论 -
【ECharts】使用日历热力图显示某人一年来的工作量(实现与gitlab的contributions类似效果)
前情提要日历热力图能够直观的查看某人一年内(一年前的今天到今天)的工作量/工作情况,并且对其点击事件进行监听,可以进行对应操作,比如说,获取某一天的具体工作。主要实现以下代码是在echarts的编辑器中直接进行实现的,这是编辑器地址。let today = new Date();// 获取一年前的今天var date = new Date(today.getFullYear()-1...原创 2020-03-26 17:09:47 · 1758 阅读 · 0 评论 -
【js】vue项目中实现点击复制过滤条件,获取并处理粘贴板内容
前情提要有这样一个需求:每次重复选过滤条件太麻烦啦,需要一个可以复制过滤条件的功能!过滤条件类似下图。主要步骤第一步:复制工具的选取。这里我选用的是原生的Document.execCommand()方法,该方法允许运行命令来操纵可编辑内容区域的元素。详情可查看MDN。第二步:设计一个按钮,当click这个按钮的时候,执行handleCopy()方法。this.viewVa...原创 2020-03-25 16:40:34 · 2820 阅读 · 2 评论 -
【js】限制字符长度时区分中英文
前情提要在我们做字符串长度限制时(中、英文都可以输入的情况下),如果简单限制字符串长度的话,在英文情况下会稍显不合理。因此,对中、英文进行区分来做长度限制会更好一些。主要步骤这里我们可以封装一个函数,识别中文字符则长度+2,其余字符长度+1,然后返回字符长度function getStringLength (str) { let len = 0; for (let i = 0;...原创 2020-03-24 14:49:59 · 1587 阅读 · 0 评论 -
【js】事件委托/事件代理
概述“事件处理程序过多”问题的解决方案就是事件委托,利用了事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。事件冒泡:由接收事件的元素开始,向上逐渐传播。比如页面结构为document->html->body->div,当点击div时,首先触发div的click事件,然后click事件向上传播,在每一级上都会发生,直至传播到document对象。引入原因事件...原创 2018-12-22 10:58:15 · 1310 阅读 · 1 评论 -
【js】分析一道涉及JavaScript运行机制的题
引言无意中看到这样一道题,问最后结果是什么?由此分析并记录一下这道题的执行过程以及结果。async function a1 () { console.log('a1 start') await a2() console.log('a1 end')}async function a2 () { console.log('a2')}console.log(...原创 2019-03-25 20:33:46 · 195 阅读 · 0 评论 -
【js】理解闭包
一、引言我们知道,在Javascript中,函数内部可以访问函数外部的变量,而反之,函数外部不可以访问函数内部的变量。那么问题来了,如何才能让函数外部访问到函数内部的变量呢?二、闭包闭包就是有权访问一个函数内部变量的函数,也即函数里的函数。看一个例子:function f1(){ var n=999; function f2(){ alert(n); } r...原创 2019-03-26 23:49:20 · 88 阅读 · 0 评论 -
【SVG&requestAnimationFrame】圆环增长和数字增长
一、前言圆环和数字增长的场景我们经常能见到,下面先来看一下效果图:从初始值350增长到750的一个过程,其中圆环增长和数字增长都是1s。二、实现过程Code Of HTML从如下html代码中可以看出,svg中画了两个圆,不填充,但都进行了描边。第一个<circle>是较浅的背景色;第二个<circle>是较深颜色,记录圆环增长的路径,并且可以看到将str...原创 2019-07-05 17:24:00 · 453 阅读 · 0 评论