自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 fetch与axios的区别

5.错误处理:fetch只在网络故障的时候reject promise,其余http错误需要手动判断;4.对相应数据的处理:fetch返回promise中具有resolve\reject两种状态,需要自己处理解析。3.后端服务器是否可用:fetch只可用于前端(node-fetch包引入后可使用),axios可以用于后端。2.是否封装xhr对象:fetch使用promise进行发送请求,axios封装了Ajax。异步的JS和XML,通过ajax可以在浏览器中发送异步请求,可以无刷新获取数据。

2023-05-21 10:36:39 263

原创 TypeScript基本用法

需要注意的是,与javascript不同,在typescript中,数组中的每一项都必须是所定义了的类型;如果需要像javascript中一样使用可以传入不同类型的数组,考虑使用tuple类型+方括号在这里我们定义了number的数组,所以传入的必须都是number类型数组泛型3.接口表示数组、类数组我们使用接口定义了args,实际上也可以采用原生的定义,,如IArgumentsNodeList等会将添加了默认值的参数识别为可选参数使用…rest参数获取函数中的剩余参数。

2023-05-17 10:25:15 167

原创 用flex布局画骰子的六个面

直接暴力主轴侧轴垂直居中就好,为更直观的体现效果,以下代码忽略了样式写法,参考flex部分即可。将主轴(横轴)改为平分,横向上保持骰子间距,侧轴center居中,纵向上确定距离。主轴先设置space-between贴近两边,侧轴依此为子元素设置。两者实现方式一致,每行item数量修改即可。

2023-03-31 19:32:59 494

原创 slice\splice\substr\substring的用法及区别

适用于数组:slice() splice()适用于字符串:slice() substr() substring()

2023-03-28 22:03:36 331

原创 一文理清js中的继承(从原型到几种继承方式)

通过对原型、原型链、构造函数的梳理,理清js的多种继承方式及其优缺点

2023-03-19 20:01:36 109

原创 js中object的valueOf()和toString()方法

的js的强制转换中。为了将值转换为相应的基本类型值,Symbol.ToPrimitive 会首先检查该值是否有 value0f() 方法。如果没有就使用 toString() 的返回值 (如果存在) 来进行强制类型转换。实现步骤:js字符串拼接/进行比较=》调用valueOf()=》返回{ } =》调用toString() //默认为[object object =》重写方法后,每做一次比较则调用该方法。当对象表示为一个文本值或者一个对象跟字符串拼接比较将要进行强制的类型转换时自动调用。

2022-10-18 21:58:21 399

原创 隐式转换:后端操作无错误使用res.json()数据打印成[object object]

其中'data:'+response.data.items中字符串与json数据一起使用,+号存在着隐式转换,+号两边只要有一端是字符串,就会调用toString()将其拼接成为字符串,造成了打印的错误。查看其他文章时发现,数字+布尔值(布尔值true会被转换为1,false会被转换为0)进行计算;一旦有字符串在旁边,则统一拼接为字符串。后端使用node.js+express框架返回数据,代码均无错误,经查询发现是因为前端接收数据的时候。

2022-10-12 23:03:04 242

原创 JS垃圾回收机制

当增量标记完成后,假如当前的可用内存足以让我们快速的执行代码,也没必要立即清理内存的,可以将清理过程稍微延迟一下,让 JavaScript 脚本代码先执行,也无需一次性清理完所有非活动对象内存,可以按需逐一进行清理直到所有的非活动对象内存都清理完毕,后面再接着执行增量标记。分代式垃圾回收将堆内存中的对象分为新生代对象和老生代对象,前者指新、小、存活时间短的对象,后者指大、老、存活时间长的对象,对于两个不同的区域,GC也采取了不同的GC策略。现在所谈到的垃圾回收机制就是指的清理内存的过程。

2022-10-11 18:43:40 234

原创 npm安装react时提示报错

使用npm安装react项目时发现的6 high severity vulnerabilities错误

2022-10-10 17:19:14 1596

原创 React:组件实例的三大属性:state

上图中render里onclick绑定的函数this.showlove并没有得到调用,原因是因为按照上面的代码写法,生成的实例对象上并没有showlove函数,只能通过类的对象沿着原型链去寻找,找到了showlove函数,把此函数交给onclick进行回调,从堆里面把函数拉出来直接执行,回调函数的this指向为window,再加上babel自动开启严格模式和类之中定义的方法自动开启严格模式,所以这里的this 指向为undefined。hooks可以使函数式组件也拥有着类组件的三大属性。

2022-09-01 22:56:32 251

原创 JS面向对象精要

JS面向对象精要面向对象语言特性:封装、聚合、继承、多态一、原始类型和引用类型原始类型(数字、字符串、布尔值、数组、空、未定义):非对象,但拥有方法·字面形式:不被保存在变量中的量,给原始类型赋值,二者并没有直接关联,因为其存储的地址不同引用类型(对象)·赋值实际上是给变量一个指针,指向内存中的同一个对象内建类型实例化JS中没有类,但有类似类的实例如:Array数组 Date时间 Function函数-匿名函数-闭包RegExp正则表达式原始封装类型实质:给其添加属性成为临时对象e

2022-03-13 09:51:36 133

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除