![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js的那些事
文章平均质量分 67
问就是做不了
待我看尽这世间所有的花开花落,日落日升,我便无憾。
展开
-
QRcode及html2canvas
3、调用donwloadImage方法即可,注意需要dom加载了才能下载,有特殊场景就使用显隐来控制吧。2、引入import QRCode from ‘qrcode’1、首先写一块内容,加上获取dom的id;1、安装npm install qrcode。2、固定生成图片写法。原创 2023-06-06 22:00:00 · 182 阅读 · 0 评论 -
【文件下载】
在前端开发中,有时需要让用户下载文件,比如下载PDF文档、Excel表格等。这时候,我们可以使用JavaScript来实现文件下载功能。本文将介绍几种常用的前端JS下载文件的方法,包括XMLHttpRequest、Fetch API、Blob、FileSaver.js等。原创 2023-05-19 20:00:00 · 443 阅读 · 2 评论 -
【防抖和节流】
防抖、节流也是闭包使用的常举案例;闭包介绍。原创 2023-05-15 19:00:00 · 138 阅读 · 0 评论 -
举例 docx格式直接改后缀成pdf,upload无法判断问题
解决直接修改文件后缀,upload上传成功了原创 2023-01-12 17:51:23 · 175 阅读 · 1 评论 -
Fetch请求数据
fetch()方法与XMLHttpRequest类似,fetch也可以发起ajax请求,但是与XMLHttpRequest不同的是,fetch方式使用Promise,相比较XMLHttpRequest更加的简洁。fetch最大的特点是与Promise对象的结合,Fetch API大多方法都返回一个Promise对象,使我们的编程风格更加优雅(上流)。简单的了解了Promise后我们就可以对fetch()方法有一个很好的认识了,fetch是全局量window的一个方法,第一个参数为URL。原创 2022-12-27 11:42:31 · 1714 阅读 · 0 评论 -
Object.keys()、Object.values()、Object.entries()的用法
Object.keys(obj)遍历得到的是对象的属性名;Object.values(obj)遍历得到的是对象的属性值;一、Object.keys(obj)参数:要返回其枚举自身属性的对象返回值:一个表示给定对象的所有可枚举属性的字符串数组处理对象,返回可枚举的属性数组let person = {name:“张三”,age:25,address:“beijing”,getName:function(){}};console.log(Object.keys(person));处理数组,返回索原创 2020-10-24 20:09:23 · 530 阅读 · 0 评论 -
浅拷贝和深拷贝的区别和实现方法
浅拷贝和深拷贝的区别和实现方法?首先,浅拷贝和深拷贝都只针对于像Object, Array这样的复杂对象,区别:浅拷贝只复制对象的第一层属性、深拷贝可以对对象的属性进行递归复制可见;基础数据类型的拷贝为深拷贝;引用数据类型的拷贝为浅拷贝。举个例子:代码:var a=1;var b=a;b=3;console.log(a)//1 这里就是深拷贝,改变了b的值但不影响a的值//再举一个例子var arr=[1,2,3];function fn(n){arr[n]=9;}fn原创 2020-10-24 19:49:20 · 720 阅读 · 0 评论 -
闭包的使用场景
一、闭包由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,闭包就是能够读取其他函数内部变量的函数。所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。比如下面的代码:function f1() { var n = 999; function f2() { console.log(n); } return f2;}var result = f1();result();//999函数f2就被包括在函数f1内部,这时f1内部原创 2020-10-24 19:23:47 · 18145 阅读 · 1 评论 -
hash和history实现以及区别
从用户角度看 前端路由实现了两个功能(使用ajax更新页面状态的情况下)1、记录当前页面的状态(保存或分享当前页的url,再次打开该url时,网页还是保存的(分享)时的状态);2、可是使用浏览器的前进后退功能(如点击后退按钮,可以使页面回到ajax更新页面之前的状态,url也回到之前的状态)作为开发者,要实现这两个功能,我们需要做到:1、改变url且不让浏览器向服务器发出请求;2、监测url的变化;3、截获url地址,并解析出需要的信息来匹配路由规则。我们路由常用的hash模式和history原创 2020-10-24 19:18:45 · 623 阅读 · 0 评论 -
Set 对象
Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。简述Set对象是值的集合,你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次,即 Set 中的元素是唯一的。值的相等因为 Set 中的值总是唯一的,所以需要判断两个值是否相等。在ECMAScript规范的早期版本中,这不是基于和===操作符中使用的算法相同的算法。具体来说,对于 Set s, +0 (+0 严格相等于-0)和-0是不同的值。然而,在 ECMAScript 2015规范中这点已被更改。有关详细信息,请参阅浏原创 2020-10-24 19:15:30 · 557 阅读 · 0 评论 -
js中entries方法的使用
Object.entries() 可以把一个对象的键值以数组的形式遍历出来,结果和 for…in 一致,但不会遍历原型属性。1-传入对象const obj = { name: ‘colin’, age: ‘18’ };console.log(Object.entries(obj)); // [[‘name’, ‘colin’], [‘age’, ‘18’]]每一个键值对对应一个数组,最后再存入到一个数组中。2 – 传入数组const arr1 = [1, 2, 3];console.log(原创 2020-10-24 18:50:56 · 2963 阅读 · 0 评论