![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
汝&戏
这个作者很懒,什么都没留下…
展开
-
react中useRef是什么?有啥用?怎么用?
访问 DOM 节点:当你需要直接访问一个 DOM 节点时(例如,要管理焦点、文本选择或媒体播放),你可以使用 ref 来获取对该节点的直接引用。useRef 是 React 提供的一个强大的工具,它可以帮助你在函数组件中管理 DOM 引用和存储可变值,而不会引起额外的渲染。存储任意可变值:如果你需要跨渲染保持一个可变值,而这个值不应该引起组件的重新渲染时,你可以使用 ref。化为传递给 useRef 的参数(initialValue)。useRef 返回一个。在 React 中,原创 2024-04-30 16:22:34 · 1063 阅读 · 0 评论 -
react中useReducer若有多个值怎么操作?
不可变性意味着你永远不会直接改变状态,而是返回一个新的状态对象。这有助于避免复杂的状态更新问题,并允许React进行有效的组件重新渲染。函数应该返回一个新的状态对象,其中包含了所有必要的属性,保持未更改的属性不变,同时更新那些需要变化的属性。函数针对每个动作类型定义了状态更新的逻辑。当处理一个动作时,我们使用了对象展开语法。来保持其他状态属性不变,同时只更新需要改变的属性。这种方法确保了状态的不可变性,这是 Redux 和。函数需要针对每个属性维护其各自的状态更新逻辑。下面是一个包含多个状态属性的。原创 2024-04-30 15:57:08 · 663 阅读 · 0 评论 -
react中useReducer如何使用
useReducer是 React 提供的一个用于状态管理的 Hook,它接收一个 reducer 函数和初始状态作为参数,并返回当前状态以及一个 dispatch 函数。这个 Hook 适用于管理复杂或嵌套的状态对象,它提供了一种更加结构化的更新状态的方法。原创 2024-04-30 15:54:56 · 817 阅读 · 2 评论 -
typescript api用法
在以上代码中,首先通过 keyof T 拿到 T 的所有属性名,然后使用 in 进行遍历,将值赋给 P,最后通过 T[P] 取得相应的属性值。号,用于将所有属性变为可选。,用于在类型的某个位置声明一个类型变量,然后在条件的真分支中对该类型变量进行推断。Pick 的作用是将某个类型中的子属性挑出来,变成包含这个类型部分属性的子类型。操作符是在 TypeScript 2.1 版本引入的,该操作符可以用于获取某种类型的所有键,其返回类型是联合类型。原创 2024-01-26 17:38:17 · 503 阅读 · 1 评论 -
typescript中type和interface的区别
随着 TypeScript 的发展,这些差异可能会变得更小,因为 TypeScript 不断地在增加新的特性和改进现有的特性。都可以用来描述对象或函数的形状。它们之间有一些细微的区别,这些区别在某些场景下可能会影响你的选择。如果你需要使用联合类型或元组类型,或者需要计算属性,那么。如果你需要使用声明合并或者打算用一个对象字面量来实现一个接口,那么。在实际应用中,你可以根据具体的使用场景来选择。在 TypeScript 中,原创 2024-01-30 11:17:08 · 449 阅读 · 0 评论 -
typescript中 & 和 | 的用法和区别
在 TypeScript 中,和分别用于创建交叉类型(Intersection Types)和联合类型(Union Types),它们是 TypeScript 类型系统中的核心概念。原创 2024-01-30 11:20:17 · 642 阅读 · 0 评论 -
typescript中如何创建全局类型
文件是 TypeScript 中创建全局类型的推荐方法,因为它不会污染全局命名空间,并且可以清楚地表明哪些类型是全局可用的。记得将这些声明文件包含在你的 TypeScript 项目配置中,这样 TypeScript 编译器就可以识别它们。在 TypeScript 中,如果你想要创建一个全局可用的类型,你可以在全局作用域中声明这个类型。这个文件不需要导入,TypeScript 会自动将其中的声明视为全局可用。如果你在模块系统(如 CommonJS 或 ES6 模块)中工作,你仍然可以通过在。原创 2024-01-30 11:37:37 · 841 阅读 · 0 评论 -
TypeScript 中 declare 关键字 作用和用法
在 TypeScript 中,declare关键字用于告诉 TypeScript 编译器:“某个变量、类型、模块等已经存在了”,即使它可能在当前文件中没有定义。这通常用于描述 JavaScript 库的类型信息,或者是在 TypeScript 中引用已经存在的全局变量而不实际导入它们。使用declare。原创 2024-01-30 11:47:33 · 1165 阅读 · 0 评论 -
react hook自定义一份简单的hook 和使用
【代码】react hook自定义一份简单的hook 和使用。原创 2024-02-20 17:52:40 · 404 阅读 · 0 评论 -
react + typescript 中 typeof的作用
在 React 中,组件的类型不仅仅包括它的 props 类型,还包括它可能的 state(如果是类组件的话)和其他静态属性。操作符在 React 中获取组件的类型时,你通常是想要获取这个组件的 props 类型,以便在其他地方重用这些类型信息。和一个组件(无论是类组件还是函数组件)一起使用时,你实际上是在获取这个组件的类型。props 类型的新组件时特别有用,因为它确保了类型的一致性和复用性。的 props 发生变化,依赖它的组件的类型也会自动更新,从而减少了维护成本。,你想要在另一个组件中重用。原创 2024-02-21 09:57:55 · 708 阅读 · 0 评论 -
TypeScript + React中封装一个hook当点击确定后提交请求 在这期间确定按钮loading展示
首先,定义一个接口(如果需要的话)来描述异步函数的类型,这将作为我们自定义Hook的参数。接着,实现这个Hook并返回相关的状态和方法。请记住,这只是一个基本的例子。在实际应用中,你可能需要根据你的API和组件逻辑做进一步的调整,比如处理请求成功后的状态更新和错误处理。在请求进行时,按钮会显示加载状态并被禁用以防止重复提交。如果发生错误,它会被捕获并可以在组件中显示。来跟踪请求的加载状态和任何可能出现的错误。是一个封装的异步函数,它会调用传入的。在这个自定义Hook中,我们使用了。并处理加载状态和错误。原创 2024-02-23 17:20:39 · 771 阅读 · 0 评论 -
react + Typescript 中 react有多少内置的类型 分别是什么
React 和 TypeScript 结合使用时,React 提供了一系列的内置类型(也称为类型定义或类型别名)来帮助你在 TypeScript 中编写类型安全的代码。随着 React 的版本更新,可能会引入新的类型或弃用旧的类型,因此建议查看具体版本的类型定义文件或官方文档以获取最新的信息。: 用于描述可以被渲染的内容,比如 JSX 表达式、字符串、数字、或者是这些类型的数组等。: 用于描述一组可以被渲染的子元素,不需要额外的父节点。: 用于描述 React 上下文对象的类型。原创 2024-02-23 17:24:40 · 829 阅读 · 1 评论 -
TypeScript 中接口定义一些属性 , 属性可能不存在 , 或者你想允许一个接口有任意类型的其他属性 , 可选属性 和 索引签名
在 TypeScript 中,如果你想为接口定义一些属性,这些属性可能不存在,或者你想允许一个接口有任意类型的其他属性,你可以使用可选属性和索引签名。原创 2024-02-28 11:33:30 · 533 阅读 · 0 评论 -
TypeScript中 “ <> “ 语法 和 “ : “ 怎么使用
类型断言或):当你比 TypeScript 更确信一个值的类型时,你可以使用类型断言来覆盖它的推断类型。类型注解):当你声明变量或函数时,你可以使用类型注解来明确指定它们的类型。类型断言用于在你已经有一个值,但是 TypeScript 不知道其确切类型时,而类型注解用于在声明阶段明确指定类型。在 JSX 中,应该使用as关键字来进行类型断言。原创 2024-02-28 11:47:23 · 656 阅读 · 0 评论 -
TypeScript 类型断言 关于 “ as “ 语法的各种用法
TypeScript 类型断言 关于 " as " 语法的各种用法原创 2024-02-28 11:57:32 · 812 阅读 · 0 评论 -
TypeScript + react 中 TypeScript 的加入后 , 有哪些优化项目
在使用 TypeScript 结合 React 进行开发时,TypeScript 提供了许多优化和增强代码质量的方式。通过上述的优化操作,TypeScript 在 React 开发中提供了更加强健的类型系统和开发体验,有助于提高代码质量、减少运行时错误,并提高开发效率。原创 2024-02-28 12:00:45 · 708 阅读 · 0 评论 -
TypeScript 结合 React 开发时候 , React.FunctionComponent 解释
是一个泛型类型,它用于定义函数组件的类型。这个类型定义了函数组件的结构和预期行为,并且提供了泛型支持,以便你可以指定组件 props 的类型。类型也隐式地定义了组件的返回类型,这意味着你的组件返回的必须是一个 React 元素或者。在这种方式中,你完全控制了组件的 props 类型定义,并且避免了。取决于你的个人或团队的偏好。的支持可以让你为 props 设置默认值。,以便更清楚地了解组件的 props 结构。允许你指定 props 的类型。在使用泛型和默认 props 的情况下,原创 2024-02-28 12:24:01 · 686 阅读 · 0 评论 -
React 中,children 属性
属性是一个特殊的属性,它允许你将组件作为其他组件的子元素传递。这意味着你可以在组件内部嵌套任何类型的子组件或元素,并且在父组件中通过。属性的灵活性是 React 组件模型的核心特性之一,它允许开发者通过组合和嵌套的方式来构建复杂的 UI 结构。属性可以用来创建通用的布局组件,这些组件定义了页面的结构,但内容可以灵活变化。属性在组件之间传递 JSX 元素,这样父组件可以决定子组件的位置和渲染方式。作为函数,可以将动态的值或状态作为参数传递给子组件,这是所谓的渲染回调模式。组件的子元素传递,并在。原创 2024-02-28 12:25:03 · 1044 阅读 · 0 评论 -
在 TypeScript 中,Object、object等细微的区别 , 包括Object , Array , Function , Boolean ,Number , String等...
在 TypeScript 中,ObjectobjectArray和array的用法和意义存在一些细微的区别,这些区别对于类型安全性很重要。原创 2024-02-28 14:30:02 · 987 阅读 · 0 评论 -
TypeScript 中,keyof 操作符
在 TypeScript 中,keyof是一个操作符,用于获取某种类型的所有公共键的字面量类型的联合。简而言之,keyof会创建一个由某个类型的所有属性名组成的联合类型。原创 2024-02-28 14:44:48 · 468 阅读 · 0 评论 -
TypeScript 泛型参数默认类型
在 TypeScript 2.3 以后,我们可以为泛型中的类型参数指定默认类型。当使用泛型时没有在代码中直接指定类型参数,从实际值参数中也无法推断出类型时,这个默认类型就会起作用。原创 2024-02-28 15:29:15 · 505 阅读 · 0 评论 -
TypeScript 中,接口(interface)可以描述几种不同类型的属性和结构
这些是 TypeScript 接口中可以使用的一些属性和结构。接口是 TypeScript 中定义复杂类型的强大工具,可以帮助你创建清晰和可维护的代码。- 描述能够“通过索引得到”的类型,比如可以通过数字索引访问的数组或通过字符串索引访问的对象。- 可以描述具有多种类型的对象,例如,一个对象可以同时作为函数和对象使用,并拥有额外的属性。- 允许你定义使用数字索引(类似数组)或字符串索引(类似对象字典)的类型。- 接口可以继承多个接口,类可以实现一个或多个接口。- 描述对象属性的名称和类型。原创 2024-02-28 16:36:08 · 453 阅读 · 0 评论 -
JavaScript ES6 Module语法
JavaScript ES6 Module语法原创 2023-03-02 15:40:25 · 91 阅读 · 0 评论 -
vue中mixin用法和注意事项
vue中mixin用法和注意事项原创 2023-02-24 18:14:48 · 173 阅读 · 0 评论 -
Vue2/Vue3中常用的组件传值
Vue2/Vue3中常用的组件传值原创 2023-02-24 18:04:30 · 241 阅读 · 0 评论 -
vue3中optionis api方式@update或v-model父子通讯
vue3中optionis api方式@update或v-model父子通讯原创 2023-02-24 15:08:45 · 291 阅读 · 0 评论 -
vue中slot的多种用法
vue中slot的多种用法原创 2023-02-24 14:56:33 · 168 阅读 · 0 评论 -
vue2中.sync的用法
vue2中.sync的用法原创 2023-02-24 14:32:06 · 259 阅读 · 0 评论 -
vue常用的修饰符
vue常用修饰符原创 2023-02-24 12:22:13 · 398 阅读 · 0 评论 -
vue自定义指令例如copy功能
vue自定义指令原创 2023-02-24 12:07:57 · 109 阅读 · 0 评论 -
vuex的使用
vuex的使用原创 2023-02-23 12:24:14 · 43 阅读 · 0 评论 -
vue自定义插件方式以及使用
vue自定义插件使用原创 2023-02-23 12:13:30 · 172 阅读 · 0 评论 -
原生javascript的几种遍历方法
<script> var arr1 = ['扎根三', '枣阳', '襄阳'] var arr2 = [12, 32, 98, 78, 56, 34] for(var i=0 ; i<arr1.length ; i++){ console.log( arr1[i] )} // 数组.方法(function (item, index)...原创 2018-12-26 19:29:40 · 729 阅读 · 0 评论 -
什么是 Canvas?
什么是 Canvas就是 HTML 5 给出的一个可以展示绘图内容的标签.最早是 苹果公司 提出的该标签.threejs.org 里面有汽车等 3D 的仿真基本使用1> 提供 Canvas 标签即可. 默认就会占据 300 * 150 的区域2> 利用 html 属性为它设置宽高. 不要使用 CSS 来设置.使用 属性设置 canvas 标签的宽高, 实际上相当于增加了 canvas 画布的像素但是如果使用 CSS 来设置画布的大小, 那么不会增加像素点, 只是将像素扩大..原创 2021-09-12 23:56:20 · 278 阅读 · 0 评论 -
整个Node.js学习使用
1. 整个node.js学习【基础概念】什么是node.js以及node.js的特点node.js适合做什么什么是模块化、什么是Common.js模块化规范模块、包、npm、包加载机制etc…【基本能力】掌握node.js中基本API的使用能够使用npm管理包能够使用ES6新语法能够使用node.js创建基本的web服务器【高阶内容】能够使用Express框架、结合mysql数据库实现后端网站注意:整个node.js学习阶段,概念类知识点较多,需要理解透彻原创 2021-09-12 23:54:54 · 75 阅读 · 0 评论 -
B/S 交互模型是什么?
B/S 交互模型什么是B/S:特指基于 浏览器(Browser) 和 服务器(Server) 这种交互形式;**什么是服务器:**在网络节点中,专门对外提供资源服务的一台电脑;**什么是客户端:**在网络节点中,专门用来消费服务的一台电脑;HTTP 协议的通信模型:请求 - 处理 - 响应的过程;请求:由客户端发起请求;处理:由服务器端处理请求;响应:服务器端把处理的结果,通过网络发送给客户端;**什么是静态资源:**服务器端只需要读取并直接发送给客户端、不需要进一步处理的资源,原创 2021-09-12 23:51:22 · 349 阅读 · 0 评论 -
nod 包的定义和使用
包的定义和使用什么是包?英文名叫做 Packages,包是在模块基础上更深一步的抽象;包的目的:方便分发和推广基于 CommonJS 规范实现的 应用程序 或 类库;包可以看作是 模块、代码 和 其它资源 组合起来形成的 独立作用域;规范的包结构包都要以一个单独的目录而存在;package.json 必须在包的顶层目录下;package.json 文件必须符合 JSON 格式,并且必须包含如下三个属性:name, version, mainname: 包的名字version:原创 2021-09-12 23:49:27 · 137 阅读 · 0 评论 -
Node.js 中 模块 和 包 的概念
Node.js 中 模块 和 包 的概念回顾:Node.js 由三部分组成:ECMAScript 核心 + 全局成员 + 模块成员原创 2021-09-12 23:45:26 · 60 阅读 · 0 评论 -
了解 - 浏览器端的 AMD 和 CMD 模块化规范
了解 - 浏览器端的 AMD 和 CMD 模块化规范注意:浏览器端不能使用 CommonJS规范;因为 CommonJS 下,模块是同步加载的;AMD/CMD可以理解为是commonjs在浏览器端的解决方案,AMD/CMD下,模块都是异步加载的;AMD模块化规范代表:RequireJS主要特性1:对于依赖的模块,AMD 是提前执行;主要特性2:推崇依赖前置;CMD模块化规范代表:SeaJS主要特性1:对于依赖的模块,CMD 是延迟执行;CMD 推崇 as lazy as possib原创 2021-09-12 23:44:35 · 351 阅读 · 0 评论 -
JavaScript中module.exports 和 exports 的关系
module.exports 和 exports 默认引用了同一个空对象;module.exports 和 exports 作用一致,都可以向外暴露成员;一个模块作用域中,向外暴露私有成员时,永远以 module.exports 为准;原创 2021-09-12 23:43:30 · 140 阅读 · 0 评论