- 博客(19)
- 收藏
- 关注
RSS订阅原创 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
668
原创 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
528
原创 javaScript版数据结构与算法（上）
1.数据结构与算法的关系？数据结构：计算机存储，组织数据的方式。就像锅碗瓢盆，不同的食物用不同的容器去剩。算法：一系列解决问题的清晰指令。就像食谱一样。程序=数据结构+算法，数据结构为算法提供服务，算法围绕数据结构操总结：算法指令里面难免有各种数据，所以没有数据结构我们如何存储这些数据呢，所以才有了上面的这句话。锅碗瓢盆用来存放各种食物，然后食谱拿着锅碗瓢盆去做出美味佳肴。1.1.时间复杂度一个特殊的函数，以O来表示，如O（1），O（n），O（log n）O（n2）算法的时间复杂
2022-05-15 18:29:16
1051
4
原创 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
1784
2
原创 React入门学习-纯函数VS纯组件
1.什么是纯函数？满足以下两个特征的函数叫做纯函数：函数的返回结果只依赖与它的参数（同一个输入只能有同一个输出） 函数的执行过程中没有副作用（一个函数执行过程对外部产生了可观察的变化那么就说这个函数是有副作用的。）我们首先看第一点什么叫函数的返回结果只依赖与它的参数呢？ const b=1 const add=a=>a+b const pureAdd=(a,c)=>a+cadd函数的返回值里面的b是外部作用域里的变量，不是它的参数当我们b变化的时候，是
2022-05-01 14:21:28
565
原创 React入门学习-路由
目录1.React路由1.1什么是路由1.2前端为什么要用路由1.3React路由的原理1.4路由组件VS一般组件1.5一般组件到路由组件(WIthRouter)2.React路由跳转2.1Link标签和NavLink标签2.2编程式路由导航2.3Route标签2.4Switch和Routes2.5路由器（BrowserRouter 与 HashRouter）2.6路由的精准匹配与模糊匹配2.7路由的嵌套2.8路由重定向(Redirect/Na
2022-04-29 21:43:59
385
原创 JS面试常见手撕 算法
目录1.浅拷贝和深拷贝的实现原理2.apply，call，bind的实现原理3.防抖节流函数实现原理。4.new关键字的实现原理1.浅拷贝和深拷贝的实现原理浅拷贝：简单复制了变量的值（包括基本数据类型的值和引用数据类型的值都是直接复制） 深拷贝：基本数据类型的值直接复制，引用数据类型的值则根据这个引用数据类型对象生成一个新的对象，再将新对象的地址重新赋值。区别：对于引用数据类型变量的值，浅拷贝直接将地址值复制过来，而深拷贝则是将原对象重新生成一个新对象，再将新对象的地址值
2022-04-27 15:33:03
176
原创 React项目笔记-尚硅谷谷粒后台（上）
目录1.创建脚手架2.引入antd2.1自定义主题（如有不懂可以参照antd官网，可在印记中文中查看）2.1.1下载包@craco/craco和craco-less2.1.2在根目录下创建craco.config.js文件2.1.3修改package.json默认配置项2.1.4引入antd样式3.引入路由3.1Switch3.2Redirect3.3.BrowserRouter4.login页面的页面布局4.1外层容器4.2登录页面头部部分.
2022-04-21 16:48:29
2091
原创 javascript的兼容问题：bind()函数，getStyle()函数，事件对象event，scroll滚动距离查询的兼容性问题。
1.bind()函数。兼容性：因为addEventListener（）方法不支持IE8及以下浏览器，但是IE中有attachEvent这个方法，所以我们可以自己构造一个函数实现所有浏览器的兼容性问题。第一个参数：表示要绑定事件的对象第二个参数：事件类型（字符串类型，且不用加on）第三个参数：回调函数addEventListener与attachEvent的区别：addEventListener中第三个参数表示是否在捕获阶段触发事件爱你，是则true，反之false，一般都是在冒泡阶段
2021-10-27 10:22:44
272
原创 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
88
原创 javascript中style与getComputedStyle()与currentStyle()的异同。
首先讨论这个问题我们先来看看样式的三种形式：内联样式，内部样式，外部样式三种样式的优先级：内联样式>内部样式>外部样式外部样式就是我们通过link标签将外部样式表引入的样式，而，而我们的内联样式：就是直接在我们的html标签中通过style属性，里面以键值对的形式书写的样式。 <div class="box1" style="color: red;"> 你好 </div>内部样式：就是我们在head标签里面新建一个sty
2021-10-23 17:49:39
272
原创 javascript中DOM元素节点的增删改操作方法。
1.createElement()可以用来创建一个元素节点对象， 它需要一个标签名字符串作为参数，它会根据这个标签名创建元素节点对象。然后将创建好的对象作为返回值返回。const li=document.createElement("li")2.createTextNode()可以用来创建一个文本对象，它需要一个文本字符串作为参数，它会根据这个文本内容创建文本节点。然后将创建好的文本节点作为返回值返回。const gzText=document.createTextNode("广州"
2021-10-23 10:33:48
452
原创 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
450
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人