![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端Javascript
文章平均质量分 77
HEGEHUB
这个作者很懒,什么都没留下…
展开
-
JS中Math.round()的特殊性
js的中Math.round()的特殊性原创 2022-07-03 11:51:11 · 982 阅读 · 0 评论 -
阻止事件默认行为和事件冒泡行为
阻止事件默认行为和冒泡行为原创 2022-06-30 14:39:24 · 2619 阅读 · 0 评论 -
事件对象里的target和currentTarget的区别
target和currentTaget的区别原创 2022-06-30 11:07:13 · 567 阅读 · 0 评论 -
js中对象的所有属性方法下(全网最全)
Js中的数组所有方法。原创 2022-06-19 19:27:16 · 2976 阅读 · 0 评论 -
js中对象的所有属性方法上(全网最全)
JS对象中的所有方法。原创 2022-06-19 18:48:10 · 1795 阅读 · 0 评论 -
Typescript从入门到精通(下)
4.4泛型泛型是可以在保证类型安全的前提下,让函数等与多种类型一起工作,从而实现复用,常用于接口,class,函数中。4.4.1泛型的基本使用需求:怎么定义一个函数让用户传入的是什么类型,返回的就是什么类型。在这就要用到泛型。当然用any也可以实现,但是用any不就失去了类型保护,那么我们用ts就没有任何意义了。所以泛型可以在保证类型安全的情况下实现复用。 function func<T>(value:T):T{ console.log(value原创 2022-05-26 18:17:09 · 659 阅读 · 0 评论 -
Typescript从入门到精通(上)
1.Typescript前置介绍1.1Typescript是什么?Typescript是javascript的超集(JS有的TS都有,相当于一个包含关系)1.2TS在JS上增加了什么?Typescript=Type+Javascript(可以这么理解,在JS的基础上,为其添加了类型支持)1.3Typescript为什么优于Javascript?js中不会检查变量的类型是否会发生变化,从而会导致很多bug,但是Ts会检查,消除了开发中的许多常见的bug。还增添了很多其他的功能。2.T.原创 2022-05-24 10:21:12 · 478 阅读 · 0 评论 -
js中数组的所有属性方法(全网最全)
最近看了手写数组API之后,发现数组中还有很多方法一知半解,而且数组在开发中特别常用,那么我们应该对数组的各种属性方法了然于心,才能做到游刃有余,所以今天特地出了这一期文章。目录1.静态属性1.1Array[Symbol.species]2.实例属性2.1length3.静态方法3.1Array.isArray(obj)3.2Array.of(element0[,element1[, ...[,elementN]]])3.3Array.from(arrayLike....原创 2022-05-04 15:25:23 · 1762 阅读 · 2 评论 -
JS面试常见手撕 算法
目录1.浅拷贝和深拷贝的实现原理2.apply,call,bind的实现原理3.防抖节流函数实现原理。4.new关键字的实现原理1.浅拷贝和深拷贝的实现原理浅拷贝:简单复制了变量的值(包括基本数据类型的值和引用数据类型的值都是直接复制) 深拷贝:基本数据类型的值直接复制,引用数据类型的值则根据这个引用数据类型对象生成一个新的对象,再将新对象的地址重新赋值。区别:对于引用数据类型变量的值,浅拷贝直接将地址值复制过来,而深拷贝则是将原对象重新生成一个新对象,再将新对象的地址值原创 2022-04-27 15:33:03 · 167 阅读 · 0 评论 -
javascript的兼容问题:bind()函数,getStyle()函数,事件对象event,scroll滚动距离查询的兼容性问题。
1.bind()函数。兼容性:因为addEventListener()方法不支持IE8及以下浏览器,但是IE中有attachEvent这个方法,所以我们可以自己构造一个函数实现所有浏览器的兼容性问题。第一个参数:表示要绑定事件的对象第二个参数:事件类型(字符串类型,且不用加on)第三个参数:回调函数addEventListener与attachEvent的区别:addEventListener中第三个参数表示是否在捕获阶段触发事件爱你,是则true,反之false,一般都是在冒泡阶段原创 2021-10-27 10:22:44 · 265 阅读 · 0 评论 -
javascript中clientHeight/Width,offsetHeight/Width/Left/Top,scrollHeight/Width/Left/Top这是个样式属性的区别。
1.clientHeight与我们对象.style.height的区别在于,clientHeight是可以获取到我们的height+padding的总高度的,且是一个纯数字,是不带单位的数值。而我们的对象.style.height只能获取到height的值,而且其获取到的是一个带有单位的数值。我们的offsetHeight就更厉害了,比clientHeight还厉害,它可以获取到height+padding+border的总宽度。(换成高度也是一样的,在这里我就不过多赘述了)。2.offsetTop和我原创 2021-10-24 19:58:32 · 82 阅读 · 0 评论 -
javascript中style与getComputedStyle()与currentStyle()的异同。
首先讨论这个问题我们先来看看样式的三种形式:内联样式,内部样式,外部样式三种样式的优先级:内联样式>内部样式>外部样式外部样式就是我们通过link标签将外部样式表引入的样式,而,而我们的内联样式:就是直接在我们的html标签中通过style属性,里面以键值对的形式书写的样式。 <div class="box1" style="color: red;"> 你好 </div>内部样式:就是我们在head标签里面新建一个sty原创 2021-10-23 17:49:39 · 266 阅读 · 0 评论 -
javascript中DOM元素节点的增删改操作方法。
1.createElement()可以用来创建一个元素节点对象, 它需要一个标签名字符串作为参数,它会根据这个标签名创建元素节点对象。然后将创建好的对象作为返回值返回。const li=document.createElement("li")2.createTextNode()可以用来创建一个文本对象,它需要一个文本字符串作为参数,它会根据这个文本内容创建文本节点。然后将创建好的文本节点作为返回值返回。const gzText=document.createTextNode("广州"原创 2021-10-23 10:33:48 · 447 阅读 · 0 评论 -
javascript中DOM元素节点查的操作方法。
1.通过document对象的方法获取。注意一下都是document的方法。1.1.获取html节点的两种方法。const html=document.documentElementconst html=document.getElementsByTagName("html")[0]1.2.获取body元素的两种方法。const body=document.bodyconst body=document.getElementsByTagName("body")[0]1.3原创 2021-10-22 10:33:51 · 442 阅读 · 2 评论