Edward_Cullens-优快云博客

原创 npm与yarn的区别

npm 与 yarn 常用命令对比。

2024-02-22 11:22:16 703

/Messi ,由于bind将obj绑定到f函数上后返回⼀个新函数,因此需要再在后⾯加上括号进⾏执⾏,这是bind与apply和call的区别。⽤ new 调⽤⼀个构造函数，会创建⼀个新对象, 在创造这个新对象的过程中,新对象会⾃动绑定到Person对象的this上，this的指向不是在编写时确定的,⽽是在执⾏时确定的，同时，this不同的指向在于遵循了⼀定的规则。⾸先，在默认情况下，this是指向全局对象的，⽐如在浏览器就是指向window。最后，也是优先级最⾼的绑定 new 绑定。

2023-03-06 15:18:14 157

原创前端文件压缩为zip文件上传后台

zip.file(‘00E4DAC2282E50A0_中铁二局六公司乐西合肥成都地铁13号线赣新德阳保罗昭西南昌合海南振源建材有限公司202302941.xlsx’,file);// 压缩类型选择nodebuffer，在回调函数中会返回zip压缩包的Buffer的值，再利用fs保存至本地。// ArrayBuffer转File。// 空的formData实例对象。// 给formData添加数据。// 给压缩文件里添加文件。

2023-02-16 10:03:55 1166

原创面试题：JavaScript的map方法是否会改变原数组？

map 解析

2022-11-11 15:12:21 729

原创面试题：JavaScript中使用forEach会改变原来的数组吗?

forEach解析

2022-11-11 14:49:41 760

原创【不得不看】html5仿ios下拉和上拉回弹功能

下拉和上拉橡皮筋效果

2022-11-01 11:21:05 474

原创 JS获取页面的缩放比例

JS获取页面的缩放比例

2022-10-21 11:18:36 813

原创 js压缩图片不改变图片尺寸

思路：利用canvas转blob的时候通过quality控制图片质量，达到压缩的目的。只能对图片格式为jpeg或webp的图片有效。因此压缩的时候canvas.toBlob(callback, mimeType, quality)中的mimeType要设为’image/jpeg’。压缩完成可以自行转成想要的格式。更多参考：https://blog.youkuaiyun.com/qq_20567691/article/details/100044142。

2022-09-27 16:20:35 724 1

原创 antd vue 日期控件限制只可选择今天及今天以后的

antd 日期控件限制日期选择今天及以后

2022-08-26 15:53:10 1703

原创 vue2 自定义防抖指令

防抖

2022-08-25 11:04:13 511

原创常用正则表达式

常用正则表达式

2022-07-06 09:59:06 99

原创封装防抖节流

前端js防抖节流的封装

2022-06-27 17:07:56 177

原创 js修改对象的key值

var array = [ { id:1, name:"小明" }, { id:2, name:"小红" } ]; /**/ //旧key到新key的映射 var keyMap = { "id" : "value", "name" : "label" }; ...

2022-04-20 13:54:41 1014

原创使用table标签方式将json导出xls文件

使用table标签方式将json导出xls文件

2022-04-18 21:48:51 141

原创 js时间倒计时

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do

2022-03-04 15:36:45 294

原创 base64图片复制到系统剪切板

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js复制图片-文字</title></head><body><div> <img id="hidImag" src="" /></div><input id="copy" type="button"

2022-02-22 18:48:30 1199

原创 canvas下载图片方法

有个需求说要把网站上的图表可以保存到本地，查看了一下表单的元素，是canvas内的。用了好多种方法，都失败了。最后搜到了stackoverflow上的一种方法成功导出，代码贴在下面//canvas下载图片 exportCanvasAsPNG:function (id, fileName) { var canvasElement = document.getElementById(id); var MIME_TYPE = "image/png"; v

2022-02-21 11:22:53 3642

原创图片自适应宽高

function fn() { var w = window.innerWidth; //图片高 / 图片宽 * 屏幕宽度 = 不同屏幕下图片的高是多少 div.style.height = Math.round(100 / 2880 * w) + 'px' } fn(); window.addEventListener('resize', fn, false)

2022-01-24 16:12:43 592

原创 webstom 代码上传到本地后未push；如何撤回到提交前的版本

**webstom 代码上传到本地后未push；如何撤回到提交前的版本代码提交到本地后突然发现提交的多余文件，特别是配置文件；一般都是默认选中的。故提交代码时一定要仔细核查选中的文件是否为自己确定要提交的文件；如果提交错文件，可以右键点击项目——>GIT ——>Repository——>Reset HEAD如图所示：**点击 Reset HEAD 进入如图弹窗：Reset Type选择Soft表示保存所有的提交操作，To Commit: HEAD ^表示退回到上一次提交

2022-01-17 11:35:59 635

原创 canvas将图片转成base64

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>canvas将图片转base64</title> </head> <body> <p>canvas绘制的网络图片</p> <canvas id="canvas"></

2021-11-09 12:03:21 2528

原创图片旋转，父元素div根据图片旋转后的宽高进行设置父元素div宽高并且父元素div完全包裹图片

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do

2021-10-29 15:58:16 1044 1

原创 js递归求和

视频讲解：https://haokan.baidu.com/v?pd=wisenatural&vid=14731327726770584999代码实现function add(num) { if(num == 1) return 1 return add(num-1) + num }let total = add(3)console.log(total)

2021-10-09 14:17:45 211

原创 ios设置安全区域高度

env()和constant()，是IOS11新增特性，Webkit的css函数，用于设定安全区域与边界的距离，有4个预定义变量：safe-area-inset-left：安全区域距离左边边界的距离safe-area-inset-right：安全区域距离右边边界的距离safe-area-inset-top：安全区域距离顶部边界的距离safe-area-inset-bottom ：安全距离底部边界的距离而env()和constant()函数有个必要的使用前提，H5网页设置viewport-fit=c

2021-10-08 17:10:51 2814

Edward_Cullens的博客

原创 js检测滚动条滚动到底部了

原创 js深拷贝方法实现

原创 npm与yarn的区别

原创谈⼀谈你对this的了解？✨