- 博客(76)
- 收藏
- 关注
原创 Vue中dayjs
dayja(Data.now()).format('YYYY年MM月DD日 HH:mm:ss')dayja(Data.now()).format('YYYY年M月D日 HH:mm:ss')dayjs()对象格式化。
2024-04-07 14:18:44
361
1
原创 async,await和try,catch
async,await只能处理正常的promise,返回已经兑现的promise,不能处理已拒绝的promise。为了处理已拒绝的promise,加try,catch。
2024-04-07 13:47:45
296
原创 sessionStorage和localStorage
两者只能存储字符串,所以对象需要转换为JSON格式的字符串。会话存储:sessionStorage。本地存储:localStorage。数据不会丢失,除非手动删除。数据会在会话结束时清除。
2024-04-01 09:43:10
112
原创 跨域请求:代理转发
请求的是http://localhost:3000/shop-service/v1/user/login。因为vue-cli是运行在node环境中,node环境不是客户端浏览器,所以没有跨域问题,需要代理转发。当请求的协议,域名和端口号 与 当前访问的协议,域名和端口不一致。解决跨域问题:在服务器端不会有跨域问题,所以可以在vue中配置代理转发。1.请求当前本地服务器http://locolhost:8080。当前访问的是:http://localhost:8080。注:修改配置文件记得重启。
2024-03-31 19:44:28
636
原创 Mac运行npm run start项目报错:/Users/mac/Desktop/node_modules/.bin/nest:Permission denied
原因:项目运行在mac没有权限。解决:打开终端,输入以下命令。
2024-03-31 19:29:12
201
原创 69-Set集合,Map集合
方法实现的,所以数字5与字符串"5"会被判定为两种类型,可以分别作为独立的两个键出现在程序中,这一点与对象不一样,因为对象的属性名总会被强制转换成字符串类型。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。类型是一种储存着许多键值对的有序列表,其中的键名和对应的值支持所有的数据类型。:是一种数据结构,结构类似于数组,且没有重复的值。结构提供了“值—值”的对应,是一种更完善的Hash结构实现。结构提供了“字符串—值”的对应,需要注意的是:拓展运算符。
2024-03-04 14:26:22
42
原创 68-解构赋值,迭代器,生成器函数,Symbol
生成器函数是一种特殊类型的函数,它返回一个生成器对象,这个对象可以用来实现可迭代对象。它可以使用特殊的语法来控制生成器对象的输出,实现按需生成值序列,避免一次性生成大量的值,减少了内存的使用(都是为了构建可迭代对象,自定义迭代过程)生成器对象(generator)是由一个generator function返回的,它同时符合可迭代协议和迭代器协议。结构赋值是一种特殊的语法,通过将各种结构中的元素复制到变量中达到"解构"的目的,但是数组本身没有改变。方法,需要返回一个迭代器对象,具有唯一性。
2024-03-03 15:26:34
52
原创 67-箭头函数,new.target,模版字符串
2.3即省略()又省略{}:箭头函数的返回值就是这一行代码的执行结果a=>a+1。3.2没有自己的this关键字(代码块内部的this是所在作用域的this)4.2通过new关键字调用,new.target值为函数本身。4.1直接调用,new.target值为undefind。2.2代码块:只有一行代码时,可以省略大括号。2.1参数:只有一个参数时可以省略小括号。在函数内部,用来区分函数的调用方式;ES6新增语法,用来简化函数的书写。可以嵌套变量 ,可以换行,用。(反引号,数字1左边的键)
2024-03-01 11:21:08
37
原创 66-ES6:var,let,const,函数的声明方式,函数参数,剩余函数,延展操作符,严格模式
function前面一定要加(),因为function是关键字,function如果作为一行的第一个字符,则被认为函数声明结构。(变量访问时,如果当前作用域不存在,则沿作用域向上级作用域查找,找到即返回,直到全局作用域未找到返回undefined)声明前置(提升),可以在声明前调用,必须拥有函数名,并且函数名符合标识规范。可以展开的是可迭代对象(ES6中新增的内容),延展操作可以展开变量的内容。声明前必须复制,不允许重复赋值,块级作用域,不存在变量提升。有声明提升,允许重复声明,声明函数级作用域。
2024-02-27 15:56:13
172
原创 65-JQuery操作节点
把匹配的元素插入到另一个,指定的元素集合前面。1.JQuery创建节点。2.父元素内部的末尾添加。3.父元素内部的开头添加。后面的从索引2补充上。删除完之后索引值自动。
2024-02-22 16:47:37
57
原创 64-JQuery动画
4.通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选的触发一个回调函数隐藏。2.通过高度变化(向上减小)动态的隐藏所有匹配元素,在隐藏完成后可选触发一个回调函数,第一个值为ture时,动画立即停止;第二个值为ture时,动画立即完成。3.停止所有在指定元素上正在运行的动画。为隐藏,元素隐藏切换为可见。5.添加自定义动画的函数。
2024-02-22 11:27:43
47
原创 63-JQuery语法,选择器,事件,方法,遍历循环each,attr(),.prop(),JQuery操作DOM
如果.next()如果括号中不写内容的话就找下一个,如果写的话就找给定的那个。1.一个JS库,用js封装很多的方法放到一个文件里面,直接拿了用就可以。10.4匹配所有紧接在prev元素后的next元素。通过选取HTML元素,并对选取的元素执行某些操作。文件名带min是压缩过的不带min是没压缩过的。5.jquery对象和DOM对象相互转换。10.2获得当前元素集合中每个元素的后代。10.3获得当前元素集合中每个元素的子代。5.1jquery转换成DOM对象。5.2DOM转换成jquery对象。
2024-02-21 21:15:35
95
原创 62-JS-canvas画布高斯模糊之图像操作
相当于图片路径,用于将canvas对象转换为base64位编码。把图像数据(从指定的ImageData对象)放回画布上。2.获取当前画布上各各像素点的数据的。用内置服务器打开,练习代码效果如下。将一张图片放到canvas画布上。
2024-02-20 21:10:49
213
原创 61-语义化标签(盒子),audio,video,canvas,渐变色,Math.sin/cos
小圆圆心的x坐标,小圆圆心的y轴坐标,小圆的半径,大圆圆心的x轴坐标,大圆圆心的y轴坐标,大圆的半径。,放大的是画布,需要保存当前状态sava()恢复到初始状态restore()1个Math.PI代表圆的一半,180度,用arc绘制一个圆形,如下。圆心的x位置,圆心的y位置,半径r,开始的位置,结束的位置。起点的x坐标,起点的y坐标,结束点的x坐标,结束点的y坐标。3.4.1.1 旋转rotate转的是画布,左上角点x坐标,左上角点y坐标,宽度,高度。左上角点x坐标,左上角点y坐标,宽度,高度。
2024-02-19 23:28:13
380
原创 60-JS-Ajax
(他可以自己保存东西cookie):无状态指的是不建立持久的连接,创建之后会把这个东西立马删掉。CSS:Cascading Style Sheets(层叠样式表)发送信息由Ajax负责发送,那么接受信息时,需要Ajax接受信息。浏览器方式请求:打开浏览器--输入请求地址--敲回车发送请求。1.ajax的使用,创建ajax对象,发起对服务器请求。ajax取数据的一种手段,局部刷新,例如弹幕。Ajax接收服务器返回信息,可以接收。创建新的HTTP请求,需要调用。左侧调用,右侧函数的封装。
2024-02-05 16:00:32
667
原创 59-JS-JSON语法,解析,序列化,JSON.stringify()第二个参数过滤,第二个参数传入函数,第三个参数排版
3.2.3序列化JSON.stringify()还提供了第三个参数,用于控制过滤。JSON就像是一串字符串,序列化和反序列化是处理字符串的一种方式。3.2.1序列划JSON.stringify()提供了第二个参数,用于。2.JSON语法 (可以表示3种类型的值:简单值,对象,数组),()控制排版缩进,可以是数字也可以是字符串,增加可读性。将json字符串解析成原生的JavaScript值。JSON文件是以.json为结尾的文件。3.json的解析(反序列化)和序列化。最常用的json结构,
2024-02-01 16:38:13
148
原创 58-JS-本的存储cookie,h5本地存储localStorage,sessionStorage,继承,onstorage
(每一个对象都有一个内部属性__proto__属性,属性的值可以是一个对象,也可以是null,如果他的值是一个对象,则这个对象也一定有自己的原型,这样就形成了一条线性的链,我们称之为原型链)1.4.1在写入一条和之前一样名的cookie,覆盖掉原有的,把失效时间设置为昨天 让新写入的达到失效的效果,最后看起来和删除的。3.1原型链继承,子类可以拿到父类原型当中的东西(缺点无法传参)3.2构造函数继承(可以传参,无法借用原型身上的东西)1.4删除cookie。子类的原型==父类的实例。
2024-01-31 16:31:05
137
原创 57-原型prototype,_ _proto_ _,isPrototype Of(),hasOwnProperty(),JavaScript中in操作符,混合模式
属性值是一个对象(属性的集合),默认的只有一个constructor属性,指向这个函数本身,原型是一个对象,其他对象 可以通过他实现属性继承。2.1如果当前实例化对象身上已经拥有实例属性,那么就找自身的属性,否则去找构建出来当前实例化对象的构造函数身上的原型属性。2.原型上的所有内容可以被实例共享 ,默认的指针指向的是原本的构造函数。实例化对象身上的属性,指向构造出来当前实例化对象的构造函数身上的原型。如果想访问原型中属性,那么就把实例属性删除掉就可以。(在实例身上时的属性)
2024-01-30 16:38:07
145
原创 56-主,回调函数,回调函数的参数传参,函数和变量的公私有,特权方法,立即执行函数,闭包(解除引用)
b函数在a函数之中,在a函数的外部无法访问b函数,即b是a的内部函数,也称之为私有函数。自己创建一个公共接口(公有方法),用来找到或返回内部私有变量 ,用公有方法访问私有变量。创建闭包常见方式是在一个函数内部创建另一个函数,通过另一个函数访问这个函数的局部变量。2.将实参变为函数,将person方法作为参数(实参),传递给了sayName方法。3.同步回调,异步回调(延时器自己开始调用和其他函数没有关系)函数。定义了函数,没有调用函数,但最终执行了。4.2回调函数的参数在调用。(最终执行的函数),
2024-01-30 12:09:14
99
原创 55-工厂模式创建对象,instanceof检测,自定义构造函数
当函数被保存为一个对象的属性时,它就可以称为这个对象的方法(例如方法模式调用 this指向调用对象)工厂模式就是将创建的对象的语句放在一个函数里,通过传入参数来创建特定对象,最后返回创建的对象。检测,能检测原生构造函数格式创建出来的对象,但无法识别是由哪个函数生产出来的。3.工厂模式创建对象 ,批量创建(new方法返回的是一个对象)。5.1构造函数,this指向新实例化对象,没有return语句。3.1Object原生构造函数--->创建单个对象。3.2 工厂模式创建--->批量创建。
2024-01-29 11:42:50
39
原创 54-函数的3种定义,函数的4种调用:函数模式调用,方法模式调用,构造函数模式调用,apply call bind调用
5.apply(召集),或call(借用)方法调用;unction("形参1","形参2","形参3","方法体");区别:call和apply借用方法,会直接调用;用把函数当成一个对象的方法去使用,1.函数的声明定义:具有声明提升。方法和call,apply。2.函数的表达式定义。
2024-01-24 16:12:48
118
原创 53-JS之BOM,打开,关闭窗口,screen对象,history对象,location对象,工作区尺寸,滚动距离
可以理解为元素的可视高度(整体占位的宽高)7.1用于获取当前页面的地址(URL),并把浏览器重定向到新的页面,简单说就是可以给赋值,像使用open一样。记录浏览器访问的信息,当前页面跳转过哪一个页面,或者当前页面从哪一个页面跳转过来的。元素宽度(内容的实际宽高度(包含内容隐藏元素的高度)+上下padding)包含的属性描述了正在使用的浏览器,即包含有关浏览器的信息(了解即可)。,设置获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离。,设置或获取位于对象最顶端与窗口中可见内容的最顶部之间的距离。
2024-01-23 16:38:07
102
原创 52-节点属性,DOM事件0级,2级,3级事件,事件冒泡,捕获,event事件对象,事件委托
DOM 0 级无法给一个处理程序(例如:onclick)添加多个处理函数 (处理函数例如:function)把第一个按钮的事件解绑,用覆盖的方式取消(在JS当中,下面的代码会覆盖上面的代码)同样可以阻止事件的传播,不同的是还可以把这个元素绑定的同类型事件也阻止事件了。元素节点的nodeName与标签名相同(大写)文本节点的nodeName永远是#text。(1)nodeName:节点的名称,只读。属性节点的nodeName是属性的名称。属性节点的nodeValue是属性值。
2024-01-22 16:31:08
196
原创 51-JS鼠标,键盘,表单,粘贴板,窗口事件,遍历节点树,DOM操作:创建/添加,删除,替换
打开一个页面,所有的东西都加载好以后,自动触发这个事件,在JS当中只能有一个window.onload;当整体html代码和JS代码加载时间不一样的时候,在整体的html和css代码都加载好以后,在执行JS代码(这样JS代码不会b报错),这个时候把所有代码放在window.onload里面可以做到这个效果。点击文本框,输入内容然后点击别的地方,也就是失焦,然后和失焦之前内容对比不一致,触发。按下,抬起,按下并抬起。当窗口尺寸改变的时候,会自动触发;点击文本框聚焦,实时触发,只要输入新的内容就触发。
2024-01-17 15:01:18
453
原创 50-Js控制元素显示隐藏
4.一个按钮:显示--->(变成)隐藏,并实现相应的效果。1.使用style样式,两个按钮:显示按钮,隐藏按钮。2.style样式,一个按钮:显示/隐藏。3.利用开关实现显示或者隐藏。
2024-01-16 19:24:32
372
原创 48-DOM节点,innerHTML,innerText,outerHTML,outerText,静态获取,单机click,cssText,创建注释节点
1)文档节点 2)属性节点(标签内的属性href,src) 3)文本节点(标签内的文字) 4)注释节点 5)元素节点(标签)Document Object Module,文档对象模型,window对象,document文档,都可以获取和操作。创建两个a标签和两个img标签。2.2.通过class名获取。4.2获取两种按钮的内容。3.获取属性和元素节点。4.获取和操作文本节点。2.1通过标签名获取。2.3通过id名获取。
2024-01-16 11:07:51
205
原创 46-数组创建,添加,删除,查找,反转,拼接,截取,转换,反转
当Array中只有一个数字的时候,代表是数组的长度。需要指定两个参数:要删除开始的位置,要删除的个数。数组-->字符串-->数组。可以删除任意数量元素并返回被删除的元素。在括号内部参数只有一个值,且这个值为。1.1字面量方式 添加数组。(字母都一个效果)的时候,会把这个数字设置为数组的。
2024-01-15 17:08:42
190
转载 45-JS预解析,AO对象,GO对象
GO对象全称为global object(全局对象,等同于window),在开始预编译时产生的对象,比AO对象先产生,用于存放全局变量,也称为全局作用域。4.在函数里面声明的函数,函数名作为AO对象的属性名,值赋值给函数体。将300的值赋值给b再赋值给a,此时b未声明,所以b为全局变量,将b添加进GO对象内,将a的值改为300。//函数里面声明的变量。执行函数,打印a,此时AO里面有属性a,则输出AO里面a的值,即输出: undefined。预编译完成,执行代码:输出a,此时a的值为:undefined。
2024-01-14 22:00:53
94
原创 44-js return返回值,全局作用域,局部作用域,隐式作用域,变量的生命周期,delete释放内存
全局变量和局部变量都是从被声明时开始;全局变量,直到页面关闭以后结束;局部变量,所在函数体调用以后结束。一个页面当中,局部变量多更好,局部变量用完可以及时删除,自动释放内存,全局变量会一直在很占内存。查找变量的时候,会从当前作用域开始查找,如果当前作用域查找不到,逐层(外层)向上查找。返回值:函数执行后剩下结果就是返回值。在函数体内部,没有使用var声明的变量。3.1全局变量生命周期。3.2局部变量生命周期。
2024-01-12 19:40:24
554
原创 43-函数的声明定义,函数表达式定义,函数的调用,声明提升,参数,形参,实参
4.声明提升:函数的声明定义具有声明提升,函数表达式没有。用形参和实参遍历数组。
2024-01-12 18:46:37
358
原创 42-单双多路分支,嵌套分支,switch分支,for循环,for in,while,do while,break,continue
js流程控制,代码的执行机制:顺序控制,分支控制,循环控制。1.顺序控制:就是按照代码的书写顺序,自上而下执行。3.3for in 遍历数据。2.5switch分支。3.2for循环遍历数据。6.continue继续。3.1for循环嵌套。
2024-01-11 16:01:20
428
原创 41-随机数.random(),ceil,floor,abs,比较两者或多者为较大值或较小值,round,找数组和对象的随机数
JavaScript数值操作,内置对象有:Math,Date,Array,String。1.4比较两者或多者为较大值或较小值。1.2向下取整floor。1.5四舍五入round。2.随机数random。1.1向上取整ceil。2.2找到对象的随机值。2.1找数组的随机数。
2024-01-09 17:50:03
407
原创 40-特殊运算符delete,new,.getDate,.setDate,运算符优先级
设置某一天(1-31);还有以下用法:2.setMouth()设置月份(0-11)3.setFullyear()设置年份4.setHours() , setMinutes() , setSecondes()2.2小练习:距离到4024/2/9 14:37:14还有XXX天XXX时XXX秒XXX毫秒。注意每周天数从0-6,月份从0-11,所以真实月份应该加1;再把得出来的一串数进行转换。
2024-01-09 16:23:37
436
原创 39-Javascript运算符,数字运算符,自增自减运算符,赋值运算符,比较运算符,与或非,三元运算符
=代表在原本自身的基础上,增加一个值;=一个等号是赋值运算。+加 -剪 *乘 /除 %取余。代表在原本值的基础上+1。++在前,先自增,后赋值;++在后,先赋值,后自增。代表在原本基础值上-1。
2024-01-09 10:29:15
746
原创 38-对象,数据类型转换:数字➡️⬅️字符串parseInt(),parseFloat取浮点,Number(),isNaN(),toString和String,.split(符号),布尔和运算符号
Number只要有不合法的部分,直接转换成NaN。如果开头是合法数字部分, parseInt正常保留,直到遇到不合法的部分不要。非数字返回ture,数字返回false。将当前的字符串以内部所书写的符号为分隔符 ,拆开成若干个字符串数组。不同点:在进行转换的时候,如果开头是不合法的部分,转换成NaN。一系列的属性和属性值的集合;字符串-------------->数字。数字----------->字符串。ture 是非0 ,false是1。以不合法开头的整数部分取整。,保留整数部分的同时。
2024-01-08 20:19:29
795
原创 37-数据类型,一元运算符typeof,字符串string,布尔Boolean,未定义undefined,空null,数组Array
简单数据类型(5种):数字number,字符串string,布尔boolean,未定义undefined,空null。3.布尔Boolean:用于表示逻辑上的真或假,只有两个取值:true和false。4.未定义undefined: 表示变量已被声明但尚未赋值,或者不存在某个属性或方法。字符串拼接,两者相加,如果其中一个为字符串,+作为连接的作用。凡是左右两侧被单引号或者双引号包裹的内容,就是一串字符串。5.空null: 表示空对象指针,表示变量没有,为空。字符串+字符串=字符串,数字+字符串=字符串。
2024-01-08 18:01:50
427
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人