- 博客(13)
- 收藏
- 关注
RSS订阅原创 css 通过hover切换图片
项目中涉及到了划入激活切换图片，我也是上网查了查才发现 这么简单！要求：划入切换图标<!-- 整个按钮结构 --><el-button type="success" class="buttonEnter txlhover" @click="addressBookClick" > <div class="imgText"> <img src="static.
2022-05-10 18:30:52
4790
原创 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
572
原创 常见的http状态码有哪些
HTTP状态码：浏览者访问一个网页时，浏览者的浏览器会向网页所在的服务器发出请求，当浏览器接收并显示页面前，此网页所在的服务器会返回一个包含HTTP状态码的信息头泳衣响应浏览器的请求。HTTP状态码共分为5种类型：1XX（临时响应）：服务器收到请求——需要请求者继续执行操作。100（客户端继续发送请求，这是临时响应） 服务器返回此代码表示已收到请求的第一部分，请求者应当继续提出请求。 101 服务器根据客户端的请求切换协议，主要用于websocket或http2升级 ...
2021-10-07 20:47:22
8667
原创 原生ajax
原生ajax的原理：简单来说就是 通过XmlHttpRequest对象向服务器发异步请求，从服务器获得数据，然后用 javascript 来操作DOM更新页面的技术。实现ajax的步骤：1.创建对象 首先我们需要一个Ajax的对象。在这里我们需要注意的是，由于不同的浏览器内核问题，部分浏览器对Ajax对象的创建方式不一样。在以IE7以下版本为内核的浏览器中，没有提供XMLHttpRequest对象。目前，浏览器基本都是支持XMLHttpRequest对象，所以不再考虑版本问题。（...
2021-10-05 20:34:10
122
1
原创 async和await
async和await 概念 先从字面意思来理解。async 是“异步”的简写，而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。 另外还有一个很有意思的语法规定，await 只能出现在 async 函数中。然后细心的朋友会产生一个疑问，如果 await 只能出现在 async 函数中，那这个 async 函数应该怎么调用？ 如果需要通过 await...
2021-10-05 20:01:38
115048
35
原创 js数组常用方法
操作数组的方法数组的方法有好多种我大概整理了一下几种1.map()此方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变原来的数组2.forEach()此方法是将数组中的每个元素执行传进提供的函数，没有返回值，注意和map方法区分3.filter()此方法是将所有元素进行判断，将满足条件的元素作为一个新的数组返回...
2021-10-04 22:32:18
67
原创 promise
Promise是异步编程的一种解决方案，在ES6中Promise被列为了正式规范，统一了用法，原生提供了Promise对象。Promise对象的特点。（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是Promise这个名字的由来，它的英语意思就是“承诺”，表示其他手段无法改变。（2）一旦状态改变，就不会
2021-10-04 00:07:17
174
原创 箭头函数和普通函数的区别
1.语法更加简洁、清晰2.箭头函数的this指向始终指向父级上下文3.call()、apply()、bind()无法改变箭头函数的this指向 .call()/.apply()/.bind()方法可以用来动态修改函数执行时this的指向，但由于箭头函数的this定义时就已经确定且永远不会改变。所以使用这些方法永远也改变不了箭头函数this的指向，虽然这么做代码不会报错。4.箭头函数不能作为构造函数使用我们先了解一下构造函数的new都做了些什么？简单来说，分为四步...
2021-10-02 23:54:15
83
原创 js中的继承
原型继承 让父类中的属性和方法在子类实例的原型链上 子类的prototype指向父类的实例new A() 特点： 不像其他语言中的继承一样（其他语言的继承一般是继承拷贝，也就是子类继承父类，会把父类中的属性和方法拷贝一份到子类，供子类的实例调取使用）它是把父类的原型放到子类实例的原型链上的，实例想调取这些方法，是基于__proto__原型链查找机制完成的 子类可以重写父类上的方法（这样会导致父类其他的实例也受到影响） 父类中私有或者共有的属性方法都会变成子类的共有属性和方法
2021-10-01 23:47:54
70
原创 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
122
原创 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
156
原创 css 阴影效果 （图片 边框 文字）
盒子阴影和文字阴影可以理解为，在目标盒子下方，有另外一个盒子，两个盒子的位置和大小是一样的，所以平时是看不见的, box-shadow就是用来控制下面盒子的位置，大小和颜色的。文字阴影给文字标签设置 text-shadow 属性。（ text-shadow:5px8px3px#d2e9d2;）图片 盒子边框 阴影和文字阴影类似，给目标盒子设置box-shadow 属性（box-shadow:5px8px5px5px#999999;）...
2021-08-26 16:59:15
255
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人