![](https://img-blog.csdnimg.cn/bd0dc1edfee54a408e07e27588fcf1b0.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React
文章平均质量分 63
个人前端react相关的笔记
rinba_murphy
前端开发程序员
展开
-
React的JSX语法中常用的数组方法
当使用search传参时,我们需要将urlencoded字符串转化为一个对象,可以使用qs库,此时对象的第一个参数是?如果需要同时满足多个条件语句,由于JSX中只能写js表达式,我们可以。当我们需要统计某个列表中被勾选的项和所有项,推荐使用数组的。当我们需要根据id获取content展示时,可以使用数组的。,当传过来的id和当前数据中的id匹配时,直接拿即可。当我们需要遍历数组成员的时候,推荐使用数组的。和对象/数组的扩展运算符。和数组的length属性。reduce()方法。原创 2023-12-13 09:10:45 · 514 阅读 · 0 评论 -
Axios、Axios实例、Axios配置、Axios拦截器
axios是一个基于Promise的网络请求库,作用于浏览器和node.js中 ,经常用在Vue和React框架中发送AJAX请求。支持 Promise,使用Promise管理异步,告别传统callback方式拦截请求与响应,比如:在请求前添加授权和响应前做一些事情。转换请求数据和响应数据,比如:进行请求加密或者响应数据加密。取消请求自动转换JSON数据客户端支持防御XSRF可以使用 npm i axios -D 安装开发依赖,也可以使用CDN。原创 2023-12-05 12:42:23 · 415 阅读 · 0 评论 -
TypeScript类class(超详细)
类(Class):定义了一件事物的抽象特点,包含它的属性和方法- 对象(Object):类的实例,通过 `new` 生成- 面向对象(OOP)的三大特性:**封装、继承、多态**- 封装(Encapsulation):将对数据的操作细节隐藏起来,只暴露对外的接口。外界调用端不需要(也不可能)知道细节,就能通过对外提供的接口来访问该对象,同时也保证了外界无法任意更改对象内部的数据- 继承(Inheritance):子类继承父类,子类除了拥有父类的所有特性外,还有一些更具体的特性原创 2023-11-29 19:19:23 · 1759 阅读 · 0 评论 -
TypeScript的三种声明文件、@types、.d.ts、declare、interface、type(超详细)
我们可能在 TypeScript 项目中使用一些全局变量,这些变量没有通过模块导入的方式引入,而是直接通过 `标签引入的脚本文件。这些脚本文件可能会扩展全局命名空间,例如在浏览器环境中的 `window` 对象上添加新的属性或方法。为了让 TypeScript 编译器正确地理解这些全局变量,并提供类型检查和代码提示,我们需要编写相应的全局变量声明文件(通常命名为 `.d.ts`)原创 2023-11-13 18:33:48 · 4596 阅读 · 2 评论 -
TypeScript类型断言(超详细)
类型的变量,它们可能是由于第三方库未能定义好自己的类型,也有可能是历史遗留的或其他人编写的烂代码,还可能是受到 TypeScript 类型系统的限制而无法精确定义类型的场景。我们知道,TypeScript 是结构类型系统,类型之间的对比只会比较它们最终的结构,而会忽略它们定义时的关系。断言为精确的类型,亡羊补牢,使我们的代码向着高可维护性的目标发展。),接口是一个类型,不是一个真正的值,它在编译结果中会被删除,当然就无法使用。类型,为了实现这样一个函数,它的参数的类型肯定得是比较抽象的父类。原创 2023-11-13 18:24:39 · 1442 阅读 · 0 评论 -
TypeScript函数的类型(超详细)
我们也可以使用接口的方式来定义一个函数需要符合的形状,此时仍需要对等号左侧添加类型限制原创 2023-11-13 18:21:14 · 308 阅读 · 0 评论 -
TypeScript数组的类型(超详细)
只要索引的类型是数字时,那么值的类型必须是数字。虽然接口也可以用来描述数组,但是我们一般不会这么做,因为这种方式比前两种方式复杂多了。不过有一种情况例外,那就是它常用来表示。在这个例子中,我们除了约束当索引的类型是数字时,值的类型必须是数字之外,也约束了它还有。类数组(Array-like Object)不是数组类型,比如。我们也可以使用数组泛型(Array Generic)类型的参数,所以报错了。类型的参数,但是却传了一个。上例中,arguments。原创 2023-11-13 18:19:00 · 572 阅读 · 0 评论 -
TypeScript对象的类型——接口interface
在面向对象语言中,接口(Interfaces)是一个很重要的概念,它是对行为的抽象,而具体如何行动需要由类(classes)去实现(implement)。TypeScript 中的接口是一个非常灵活的概念,除了可用于对类的一部分行为进行抽象以外,也常用于对对象的形状(Shape)进行描述。原创 2023-11-13 18:16:06 · 96 阅读 · 0 评论 -
一文读懂vite.config.ts常用配置项
vite.config.ts 是 Vite 项目中用来配置构建选项和插件的配置文件。defineConfig 函数是在 Vite 中用于创建配置对象的常见方法,它通常用于定义开发环境和生产环境的配置选项。以下是一些常用的配置项:原创 2023-11-10 17:28:04 · 4614 阅读 · 1 评论 -
一文读懂tsconfig.json配置文件
tsconfig.json是TypeScript编辑器的配置文件,通常存在于项目的根目录中,TypeScript编译器可根据它的信息来对代码进行编译。原创 2023-11-10 11:07:24 · 1164 阅读 · 1 评论 -
React的jsx语法规则
JSX是一种JavaScript的语法扩展、是一种嵌入式的类似XML的语法,常应用于React架构中,但也不仅限于此.应该说JSX因React框架而流行原创 2023-10-27 19:19:57 · 66 阅读 · 1 评论