- 博客(13)
- 收藏
- 关注
原创 css 通过hover切换图片
项目中涉及到了划入激活切换图片,我也是上网查了查才发现 这么简单!要求:划入切换图标<!-- 整个按钮结构 --><el-button type="success" class="buttonEnter txlhover" @click="addressBookClick" > <div class="imgText"> <img src="static.
2022-05-10 18:30:52
4993
原创 typeScript简单理解
什么是TypeScript?TypeScript 是 JavaScript 的超集;通俗点也可以理解成TypeScript是JavaScript的扩展语法TypeScript 生于JavaScript 忠于JavaScript就像Sass Less 一样; 虽然用Sass Less 的语法但是最终会编译成css,TypeScript 也一样,虽然用的是TypeScript进行编写,最后还是会编译成JavaScript简单点说,ts可以理解成一种规则,规定js声明变量的时候必须加上数据类型,函数
2021-11-14 21:47:09
599
原创 常见的http状态码有哪些
HTTP状态码:浏览者访问一个网页时,浏览者的浏览器会向网页所在的服务器发出请求,当浏览器接收并显示页面前,此网页所在的服务器会返回一个包含HTTP状态码的信息头泳衣响应浏览器的请求。HTTP状态码共分为5种类型:1XX(临时响应):服务器收到请求——需要请求者继续执行操作。100(客户端继续发送请求,这是临时响应) 服务器返回此代码表示已收到请求的第一部分,请求者应当继续提出请求。 101 服务器根据客户端的请求切换协议,主要用于websocket或http2升级 ...
2021-10-07 20:47:22
8711
原创 原生ajax
原生ajax的原理:简单来说就是 通过XmlHttpRequest对象向服务器发异步请求,从服务器获得数据,然后用 javascript 来操作DOM更新页面的技术。实现ajax的步骤:1.创建对象 首先我们需要一个Ajax的对象。在这里我们需要注意的是,由于不同的浏览器内核问题,部分浏览器对Ajax对象的创建方式不一样。在以IE7以下版本为内核的浏览器中,没有提供XMLHttpRequest对象。目前,浏览器基本都是支持XMLHttpRequest对象,所以不再考虑版本问题。(...
2021-10-05 20:34:10
131
1
原创 async和await
async和await 概念 先从字面意思来理解。async 是“异步”的简写,而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成。 另外还有一个很有意思的语法规定,await 只能出现在 async 函数中。然后细心的朋友会产生一个疑问,如果 await 只能出现在 async 函数中,那这个 async 函数应该怎么调用? 如果需要通过 await...
2021-10-05 20:01:38
115239
35
原创 js数组常用方法
操作数组的方法数组的方法有好多种我大概整理了一下几种1.map()此方法是将数组中的每个元素调用一个提供的函数,结果作为一个新的数组返回,并没有改变原来的数组2.forEach()此方法是将数组中的每个元素执行传进提供的函数,没有返回值,注意和map方法区分3.filter()此方法是将所有元素进行判断,将满足条件的元素作为一个新的数组返回...
2021-10-04 22:32:18
76
原创 promise
Promise是异步编程的一种解决方案,在ES6中Promise被列为了正式规范,统一了用法,原生提供了Promise对象。Promise对象的特点。(1)对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是Promise这个名字的由来,它的英语意思就是“承诺”,表示其他手段无法改变。(2)一旦状态改变,就不会
2021-10-04 00:07:17
195
原创 箭头函数和普通函数的区别
1.语法更加简洁、清晰2.箭头函数的this指向始终指向父级上下文3.call()、apply()、bind()无法改变箭头函数的this指向 .call()/.apply()/.bind()方法可以用来动态修改函数执行时this的指向,但由于箭头函数的this定义时就已经确定且永远不会改变。所以使用这些方法永远也改变不了箭头函数this的指向,虽然这么做代码不会报错。4.箭头函数不能作为构造函数使用我们先了解一下构造函数的new都做了些什么?简单来说,分为四步...
2021-10-02 23:54:15
93
原创 js中的继承
原型继承 让父类中的属性和方法在子类实例的原型链上 子类的prototype指向父类的实例new A() 特点: 不像其他语言中的继承一样(其他语言的继承一般是继承拷贝,也就是子类继承父类,会把父类中的属性和方法拷贝一份到子类,供子类的实例调取使用)它是把父类的原型放到子类实例的原型链上的,实例想调取这些方法,是基于__proto__原型链查找机制完成的 子类可以重写父类上的方法(这样会导致父类其他的实例也受到影响) 父类中私有或者共有的属性方法都会变成子类的共有属性和方法
2021-10-01 23:47:54
80
原创 js中的数据类型(数据类型判断的方法)
值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。引用数据类型:对象(Object)、数组(Array)、函数(Function)。判断数据类型的5种方法1.typeof 1.可以判断数据类型,它返回表示数据类型的字符串(返回结果只能包括number,boolean,string,function,object,undefined); 2.可以使用typeof判断变量是...
2021-09-30 23:48:40
130
原创 let var const 的区别
1.var声明的变量能挂载到window上,let和const不会。2.var声明的变量存在变量提升,let和const不存在3.var没有块级作用域,let和const拥有块级作用域4.同一作用域下let和const不能声明同名变量5.let和const会有暂时性死区(英文temporal dead zone,简称TDZ) 暂时性死区:The variables are created when their containing Lexical Envi...
2021-09-30 23:33:13
166
原创 css 阴影效果 (图片 边框 文字)
盒子阴影和文字阴影可以理解为,在目标盒子下方,有另外一个盒子,两个盒子的位置和大小是一样的,所以平时是看不见的, box-shadow就是用来控制下面盒子的位置,大小和颜色的。文字阴影给文字标签设置 text-shadow 属性。( text-shadow:5px8px3px#d2e9d2;)图片 盒子边框 阴影和文字阴影类似,给目标盒子设置box-shadow 属性(box-shadow:5px8px5px5px#999999;)...
2021-08-26 16:59:15
265
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人