![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
火红_
这个作者很懒,什么都没留下…
展开
-
ailed to execute ‘readAsDataURL‘ on ‘FileReader‘: The object is already busy reading Blobs.
会导致了failed to execute ‘readAsDataURL’ on ‘FileReader’: The object is already busy reading Blobs.错误,原创 2023-03-08 14:07:13 · 1729 阅读 · 1 评论 -
qs库的使用
npm i qs。原创 2023-02-24 14:57:14 · 1006 阅读 · 0 评论 -
js之将对象作为键放入对象中
【代码】js之将对象作为键放入对象中。原创 2022-10-19 14:18:33 · 333 阅读 · 0 评论 -
js之let和var在for循环中的区别
以上输出四个4是因为 var 没有块级作用域的概念,而for又是同步函数,setTimeout是异步函数。js中先执行 完同步函数,才能执行异步函数,所以 i 先执行完,在执行异步setTimeout.因为let具有块级作用域的概念,执行的时候是将最外层大括号里的整块执行完毕,才执行下一次循环。因为只要let在大括号里,就形成块级作用域,只能在其本身(大括号内)块级作用域中访问。只要是大括号 { }中有let,就形成块级作用域,不管是在函数中还是在if中。为什么输出的是22 而不是33。原创 2022-10-15 09:31:49 · 341 阅读 · 0 评论 -
js之JSON格式用法和序列化JSON.stringify(value, replacer, space)以及反序列化JSON.parse(string)
本地存储和会话存储只能存储字符串,如果不是字符串,会调用toString方法转化为字符串,而对象调用toString,显示的是[object Object ]需要注意的是,当用JSON.parse()时需要将其放在外面包裹localStorage。4、JSON序列化时如果有函数和undefined,则忽略函数和undefined项。当获取本地和会话存储时,返回的是字符串,需要转化为对象,用JSON.parse()上面是错误的JSON字符格式,只能有一个字符串,多行字符报错。3、JSON序列化和反序列化。原创 2022-10-11 15:53:32 · 1307 阅读 · 0 评论 -
js之join
当分隔符为空或undefined时,默认用逗号连接要想不用任何字符将数组元素拼接在一起,可以用空字符空格的表示方法,将空字符的中间多一个空占位符。原创 2022-06-15 16:31:42 · 497 阅读 · 1 评论 -
JS之replace与replaceAll
二、如果有多个重复的字符,想替换所有,可用正则全局g替换。或者用replaceAll替换三、replace与replaceAll区分大小写,没有匹配上则返回原字符串。如果想忽略大小写,可以用正则 i 来忽略。但用replaceAll时,正则g也要写上,否则报错,虽然replaceAll已经有全局的属性了,也得写上。...原创 2022-06-13 16:13:14 · 3344 阅读 · 0 评论 -
js之indexOf
有两个参数:第一个是查询索引的元素,是元素不是索引哈;第二个是从哪里开始查询的索引。第一个参数是必填,第二个如果不填的话,就从索引零开始查询。查找香蕉的索引,从索引2开始查询。Array对象是查找元素的索引,String对象是查找字符串中的字符索引;如果查询不到,返回值为 -1三、indexOf总是返回第一个符合元素的索引,后面的不在检测。可以利用总是返回符合元素的第一个索引这个条件,可以进行数组去重。 ### 小结:...原创 2022-06-07 11:36:25 · 2237 阅读 · 0 评论 -
js之foreach和返回值为undefined
由此可以看出,return不能终止循环,只是将满足条件的跳过了。结果为:undefined要想有返回值,需要另声明一个变量接收。返回值是:undefined原创 2022-06-05 17:32:32 · 4615 阅读 · 3 评论 -
js之call、apply、bind与this
call:指定this的指向,也就是地址的指向。返回值是执行后的结果。一、空、undefined、null中this全部指向的window;而且call绑定时是立即执行函数的。let obj = { eat(){ console.log("吃八方财") console.log(this); }}obj.eat.call() // windowobj.eat.call(undefined) // windowobj.eat.call(null) // window二、c原创 2022-05-17 11:34:48 · 155 阅读 · 0 评论 -
js之回调函数
你定义了函数但你没调用函数,最后函数确执行了。原创 2022-05-09 10:23:10 · 652 阅读 · 0 评论 -
js之函数参数是值传递还是引用传递
函数参数有值传递还有引用传递(地址)当传入的实参是基本数据类型时,是值传递。当传入的实参是引用数据类型时,是引用传递。值传递:function arg(a) { console.log(a);}arg(1) // 输出:1引用传递:传递的是对象引用类型的地址。function arg(obj) { console.log(obj.age);}let a = {name:'wyy',age:18}arg(a) // 输出:18其中a只是将保存在a变量中的原创 2022-05-09 09:48:19 · 1174 阅读 · 0 评论 -
js调用对象中函数的两种方式
mounted() { let obj={ a(){console.log('第一种方式');}, b(){console.log('第二种方式');} } obj.a() obj['b']() //用方括号调用函数,需要加引号,否则报错 },原创 2022-05-01 15:36:40 · 1279 阅读 · 0 评论 -
js之普通函数中的this
1、全局函数中指向window2、全局环境中指向window,上个是函数哈!3、对象中的方法指向实例对象4、setTimeout等系列中的普通函数指向window,不管放在任何位置,都是指向window。因为settimeout是全局window自带的方法。window.setTimeout()5、普通函数中的this,是谁调用函数,就指向谁。如果没调用,就默认指向window。 let name = 'wyy' let obj = {原创 2022-03-07 09:22:35 · 516 阅读 · 0 评论 -
js之深浅拷贝
浅拷贝:将一个对象的数据复制给另一个对象,并且两个对象是相互独立,互不影响的。例如上图中:newArr = arr,两个对象的地址是一样的,一个修改另一个也跟着修改。如何断开两个的链接呢。for循环 或者 Object.assign 或者 扩展运算符for循环:for循环复制的时候,是不同地址的赋值,所以 newArr 和 arr 两个不相互影响扩展运算符Object.assign( newobj, oldobj ) 深拷贝:当一个对象中还有一个或多个对象嵌套时,因为浅拷贝只..原创 2022-03-05 16:08:30 · 75 阅读 · 0 评论 -
js之promise
promisepromise是一个对异步操作进行封装并返回其结果的构造函数,promise是浏览器引擎自带的(但不是所有浏览器都支持promise)当你new 一个promise时,就已经开始执行函数。原创 2022-03-02 16:23:34 · 42944 阅读 · 4 评论 -
js之try....catch和throw new Error和throw
try…catchtry是调试的意思,里面放入你要调试的代码。catch是捕获的意思,有一个参数error,名字随意。error有两个自带属性,一个是message和stack属性。message与stack基本是一样的,唯一的区别是stack的信息更详细。message与stack抛出的错误是系统自带的错误。如果我需要自己定义,需要使用throw new Error 或throw,throw一般与try catch一起用。try { if (false) { console.log('f原创 2022-02-28 19:14:09 · 1492 阅读 · 1 评论 -
js之函数作用域
、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、在调用函数时,调用时哈,函数作用域被创建;当函数执行完毕时,函数作用域销毁。在函数中声明并赋值一个变量一、在函数中声明的变量是外部是不能访问的。二、全局变量是可以在函数中访问。三、当函数调用的时候,是调用的时候哈,每调用一次函数,就会生成一个新的函数作用域,相互独立且不影响。四、函数作用域链:函数先在自身找变量,找不到时,就会找函数的父函数,父函数中没有就找爷爷函数,以此类推,直到找到window全局作用域。如果都没有只能报原创 2022-02-26 15:32:04 · 1655 阅读 · 0 评论 -
js之函数中的return
return后面可以跟任意类型值1、当return后面跟的是什么,函数的执行结果就是什么。return后面的代码也不在执行。2、如果return后面什么都没有或者不写return,则返回undefined3、可以用一个变量来接收return返回值,返回的是什么,就接收的什么例如:用result接收返回值,那这个result就是这个返回值。result即是返回值,返回值即是result。...原创 2022-02-25 21:39:34 · 3049 阅读 · 0 评论 -
js之立即执行函数
立即执行函数立即执行函数,只执行一次,用括号裹住函数,在尾部在加个括号用于传参。写入的参数是函数的实参,例如:a = 实参a由于只能执行一次,执行完就会销毁,所以函数名不用写。直接匿名函数就行了。...原创 2022-02-25 21:24:14 · 468 阅读 · 0 评论 -
js之封装实参对象arguments
arguments arguments是用来封装实参的,是实参 实参 实参哈。arguments是一个类数组对象,有索引和长度,但不是数组。arguments是函数本身自带的属性。console.log(Array.isArray(arguments)); // false1、arguments.lengtharguments.length表示实参的个数,如果有形参,不管几个形参,只要没有实参,长度就是为零。如果有实参的话,就输出实参的个数。不管形参的个数。2、arguments原创 2022-02-25 21:05:06 · 281 阅读 · 0 评论 -
js之一元运算符
一元运算符“+” “-”1、如果是数字类型就将代表正号和负号console.log(-123+123);2、如果非数字类型就将其转换为number类型,再加减console.log(+"123");console.log(-"123");3、如果是非数字字符串,则输出NaN(not a number) mounted(){ console.log(+"ldjl"); },4、如果是布尔类型,则转换为数字再加减console.log(-true);console.原创 2022-02-25 16:34:26 · 640 阅读 · 0 评论 -
js之浏览器本地存储webstorage
、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、webstorage分为两个存储:localStorage和sessionStorage。存储大小根据浏览器的不同,容量也不同,一般是5M左右。是window自带的语法,以键值对的形式存储。一、localStorage:locaStorage名字叫本地存储,能够长久的保存你的本地数据,有四个API,setItem\getItem\removeItem\clear1、setItem:设置数据<body> <di原创 2022-02-14 16:24:50 · 1417 阅读 · 0 评论 -
js之Math.random()与Math.floor()
、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、 Math是一个对象,不是一个构造函数,所以不能new Math一、返回0到1之间的随机数值,但不包含1,包含零。顾头不顾尾。一般零出现的概率极小,可以忽略不计。<div class="bg" @click="cssChange"> </div>cssChange(){ console.log(Math.random()); }Math.random()*10的意思:因为random的取原创 2022-01-22 18:14:51 · 1947 阅读 · 0 评论 -
js之proxy代理
、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、proxy代理通俗可以理解为:在调用目标对象之前,进行一次拦截处理。只要调用该目标对象,都必须先调用执行proxy代理。代理是对整个对象的代理,不是Object.defineProperty中对单个属性的代理let obj={ name:'wyy', age:18, hobby:['美女','怡红院','哈哈哈'], behavior:{ eat:'吃瓜', sleep:'睡觉' }}// new Proxy(目原创 2022-01-12 15:39:35 · 522 阅读 · 0 评论 -
js之event对象中target和currentTarget区别
<style type="text/css"> ul li { background-color: #007AFF; height: 33px; line-height: 33px; margin-top: 22px; } </style> <ul> <li>1</li> <li>2</li> <li>3</li> <.原创 2022-01-11 10:48:50 · 244 阅读 · 0 评论 -
js之event事件对象
、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、当一个事件发生的时候,这个事件的有关详细信息会临时保存到一个指定的地方,这个地方就是event事件对象。每一个事件都有一个event对象。例如:你开车这个事件,你的速度、油耗、公里数都会显示(保存)到屏幕上,这个屏幕就是event对象,保存着你的信息。每个事件都有一个event对象,在事件函数中参数是隐藏的,例如我们平时常写的e,里面保存了事件名称、大小、坐标、事件目标等信息。<!DOCTYPE html><ht原创 2022-01-10 16:47:59 · 2486 阅读 · 0 评论 -
js之null与undefined区别
、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、null是历史遗留问题,由于JavaScript设计之初是根据Java进行设计的,Java中有null,所以JS中也有null。JS中null是一个对象,会自动转换成数值零。typeof(null) // Objectconsole.log(Number(null)); // 0因为null会隐式的转换成零,程序出现错误的时候不容易发现,为了弥补这个缺点,作者加入了undefined;undefined的类型为undefine原创 2022-01-09 11:54:20 · 349 阅读 · 0 评论 -
js之Object.defineProperty()
、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、Object.defineProperty(指定对象,设置或修改的属性,属性描述)原创 2022-01-08 14:33:04 · 1322 阅读 · 1 评论 -
js之原型
、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、原型对象作用:减少构造函数造成的内存资源的浪费和全局变量污染每个构造函数(普通函数)都有一个原型对象叫prototype;包含:Function、Array、Object、Date这些都属于系统自带的构造函数let a = {} 其实是 let a = new Object() 的语法糖let a = [] 其实是 let a = new Array() 的语法糖function fn(name){ this.name=name原创 2021-12-15 14:27:45 · 862 阅读 · 0 评论