自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 antd组件状态变换为啥要使用剪头函数

简单的解释:会在页面渲染的时候执行setState导致触发了reRender然后陷入死循环了。这个例题也是可以看下比较有意思。

2024-05-11 15:20:39 196

原创 umi中history和useModel的使用

是一个用于在函数式组件中获取和操作 Umi Model 的钩子函数。在 Umi 中,Model 是一种用于管理数据和状态的概念,可以帮助你更好地组织和管理应用程序的数据流。,你可以在函数式组件中轻松地访问和操作 Model 中的数据和方法。,你可以在不同页面之间进行跳转、监听路由变化等操作。在 Umi 中,通常会使用。是用于在 React 组件中进行页面导航和管理历史记录的工具。对象来实现页面的跳转和路由相关的操作。

2024-05-09 13:45:57 258

原创 nest中的ORM

在 Nest.js 中执行 SQL 查询通常涉及使用 TypeORM 或 Sequelize 这样的 ORM(对象-关系映射)库。这些库使得在 Nest.js 应用程序中连接和操作 SQL 数据库变得更加简单和直观。在user模块中的service中;在user模块中的entites中;很明显没有使用sql语句,但是也完成了sql操作;

2024-05-07 19:43:13 199 1

原创 @Injectable()

装饰器标记一个类时,它告诉 Nest.js 这个类是一个可以被注入到其他地方使用的服务。这意味着你可以在你的应用中的不同地方重复使用这个服务,而不必每次都手动创建它的实例。这样做的好处是,你可以在整个应用中使用同一个日志服务,并且可以更轻松地管理它。这意味着我们可以在应用的其他地方注入和使用这个服务。的作用就是让你的服务变得可注入、可重用,让你的代码更加简洁和可维护。好的,以下是一个简单的代码示例,演示了如何在 Nest.js 中使用。你可以在你的应用的任何地方使用。的控制器,并在它的构造函数中注入了。

2024-04-29 18:07:09 279

原创 vue3,element-plus,图片预览

【代码】vue3,element-plus,图片预览。

2024-04-26 15:08:00 295

原创 面试题、、、

mutations 允许你明确定义状态的变更操作,避免了直接在组件中进行状态更改导致的混乱和不可预测性。使用 mutations 可以确保应用遵循单向数据流的原则,即数据的流动是单向的,只能通过特定的方式进行更改。通过使用 mutations,状态的更改是可追踪的。你可以在 mutation 中记录状态的变化,以便在调试和排查问题时更容易追踪状态的变化历史。虽然在某些情况下,直接更改状态可能会更简单和方便,但使用 mutations 有助于提高代码的可维护性、可扩展性和可预测性。

2024-04-25 18:05:47 153

原创 react,Chart

同一个窗口打开官网地址能获取到的人家的Json数据的。控制台可见:右击 Copy object就复制了。解决办法2:在示例代码中添加如下代码。2.然后实现下这个案例。

2024-04-24 18:12:27 362

原创 埋点,自己写插件,自己写的按钮埋点,掘金同款投递简历

vite的生命周期啥的。

2024-04-22 15:13:37 507 1

原创 图片懒加载

的页面,这有两个属性src和data-src。页面滚动到图片的位置才会加载相应的图片。

2024-04-18 16:22:07 213

原创 .call,循环类数组对象

4.Array.prototype.forEach()(借助Function.prototype.call())这里不是重点介绍如何循环类数组对象的。1.使用for循环(基于index)

2024-04-16 17:59:58 157

原创 type GetNamespaces<M> = { [K in keyof M]: M[K] extends { namespace: string } ? M[K][‘namespace

是一个包含多个属性的接口,每个属性都是一个对象,可能包含一个。,其中包含多个属性,每个属性都是一个对象,而这些对象可能具有。属性的子属性的集合。类型来定义函数参数,确保只能传递有效的命名空间。现在我们想要从这些对象中提取所有具有。属性的子属性的集合,并将其赋值给。下面是一个示例,演示了如何使用。类型可以用于从一个对象类型。假设我们有一个对象类型。属性的子属性的集合。

2024-04-15 18:05:18 214

原创 Awaited,Promise

现在,我们想要在另一个文件中使用这个异步函数的返回值,并且希望能够推断出这个返回值的类型。函数,它返回一个 Promise,我们等待该 Promise 解析,并将结果赋给。这将返回一个 Promise,该 Promise 的解析值类型为。函数返回的 Promise 的类型,你可以直接使用。下面是一个简单的示例,展示了如何使用。在这个示例中,我们首先定义了一个类型。对象的属性,这些属性的类型是根据。函数并等待其解析,然后使用。的类型,而不需要手动指定。函数返回的类型推断出来的。在这个示例中,我们使用。

2024-04-15 18:02:28 348

原创 InstenceType

在 TypeScript 中,InstanceType 是一个用于获取构造函数类型的实例类型的工具类型。它接受一个构造函数类型,并返回该构造函数的实例类型。这对于在编写 TypeScript 代码时操作类和构造函数非常有用。这样可以在编写 TypeScript 代码时,以类型安全的方式操作类和构造函数的实例类型。来获取它的实例类型。在这个示例中,我们首先定义了一个类。,它有一个构造函数和一个方法。的构造函数类型,并使用。的一个实例,然后调用了。

2024-04-12 17:12:13 252

原创 索引签名Argument of type ‘Person‘ is not assignable to parameter of type ‘Record<string, string>‘ Index

可以添加索引签名([key: string]: string;

2024-04-12 11:08:01 144

原创 node中可以使用js的三个模块dom,bom,ecmSrimpt吗

Node.js使用V8 JavaScript引擎来执行ECMAScript代码,这意味着在Node.js中,你可以编写和使用符合ECMAScript标准的语法、数据类型、函数、对象、控制结构等语言特性。在Node.js环境中,不能直接使用浏览器提供的Document Object Model (DOM)和Browser Object Model (BOM),因为这两个概念是浏览器特有的API集合,它们与浏览器的用户界面、窗口管理、事件处理、文档结构操作等功能紧密关联,专为浏览器环境设计。

2024-04-10 21:14:51 283

原创 微前端学习

在微前端架构中,with关键字和Proxy对象常被用来实现子应用的运行时隔离,确保不同微应用之间的全局变量、函数等资源互不影响,从而保障系统的稳定性与安全性。with。

2024-04-10 20:41:25 474

原创 子传父vue/react

子传父:很多都是结合defineEmit来实现的,这里通过给子组件传递函数,子组件调用传递下来的函数实现传值。

2024-04-10 17:36:03 392

原创 https怎么加密的

HTTPS(HyperText Transfer Protocol Secure)是HTTP的安全版本,其加密过程主要基于两个协议:SSL(Secure Sockets Layer,安全套接层)和TLS(Transport Layer Security,传输层安全)。TLS是SSL的继任者,目前更广泛地被使用。值得注意的是,虽然HTTPS可以提供更高的安全性,但并不意味着绝对安全,仍然可能存在某些攻击手段能够破解或者绕过HTTPS的加密机制,因此在实际应用中还需要综合考虑其他安全措施。

2024-04-09 18:00:29 317

原创 js的模块是怎么加载的

以上是几种常见的 JavaScript 模块加载方式。不同的加载方式适用于不同的场景,选择合适的模块加载方式可以更好地组织和管理 JavaScript 代码。:UMD 是一种通用的模块定义规范,兼容 CommonJS、AMD 和全局变量方式,适用于各种环境。在现代浏览器和 Node.js 环境中,可以直接使用 ES6 模块。有amd,cmd,commonjs,esm,umd模块类型。:ES6 模块是 JavaScript 中官方的模块化方案,使用。:AMD 是一种异步加载模块的规范,使用。

2024-04-09 17:53:22 300

原创 项目运行起来跑到浏览器上

使用vueCli创建的工程/vite创建的:添加--open。

2024-04-09 10:20:56 117

原创 快速删除node_modules

亲测可用。

2024-04-09 02:13:17 421

原创 Wireshark,结合wireshark讲讲,一个请求从发出到收到响应都经过了什么

Wireshark 是一款强大的网络协议分析工具,用于捕获和分析网络数据包。当我们使用 Wireshark 跟踪一个请求从发出到收到响应的过程时,它能够揭示出这个过程中涉及的各个网络层次、协议交互以及数据包的详细内容。

2024-04-09 01:48:47 1366

原创 react的闭包陷阱

React 的闭包陷阱是指在使用 React Hooks 时,由于闭包特性导致在某些函数或异步操作中无法正确访问到更新后状态或 prop 的值,而仍旧使用了旧值。

2024-04-09 01:25:41 652

原创 antdPro运行

使用antd-pro脚手架搭建react ts项目_antd pro react-CSDN博客

2024-04-08 17:58:35 415

原创 ts发请求

2024-04-08 17:09:47 114

原创 弹幕功能1

今天看pure-admin的时候发现有个弹幕功能。

2024-04-08 16:58:32 205

原创 leet144反转二叉树

【代码】leet144反转二叉树。

2024-04-08 00:09:51 189

原创 面试题。。

【代码】面试题。。

2024-04-07 22:50:13 105

原创 闭包用运。

闭包的核心价值在于它能捕获并保持对外部作用域的访问,提供了一种灵活且安全的方式来组织和控制代码中的数据访问。闭包可以保持对外部函数作用域中变量的引用,即使外部函数已经执行完毕,这些变量也不会被垃圾回收机制回收,从而延长了它们的生命周期。外部代码无法直接访问到闭包内部的变量,只能通过提供的公共接口进行交互。在这个例子中,每个按钮的点击事件处理器(闭包)都绑定了对应的按钮元素,即使所有处理器共享同一个事件处理逻辑(函数不能直接捕获外部作用域中的变量,通过闭包可以解决这个问题,确保回调函数访问到正确的变量值。

2024-04-07 10:29:34 313

原创 今天也是学python的一天

~~if else语句。~~~range函数。

2024-04-03 17:48:02 184

原创 pandas

Pandas 是 Python 编程语言中一个非常流行且功能强大的数据分析库。它的主要作用是为数据清洗、转换、分析和可视化提供高效、灵活且易于使用的工具。Pandas 建立在 NumPy 库之上,特别擅长处理表格型数据,即以行和列形式组织的数据。总的来说,Pandas 是数据分析工作中不可或缺的工具,尤其在数据探索、特征工程、模型训练前的数据准备工作阶段,其高效的数据操作能力极大地简化了数据处理流程,提高了工作效率。无论是数据科学家、数据工程师还是业务分析师,都经常利用 Pandas 来处理和分析数据。

2024-04-01 14:05:07 385

原创 three.js

【代码】three.js。

2024-03-31 23:08:45 120

原创 vue3面试题

2.watch需要显示的添加deep,immediate,watchEffect默认自带deep(深度监听)。immediate(首次加载时执行)1.watch需要指定依赖,watchEffect不需要。1.watch和watchEffect的区别。现在template中有这么几行代码。

2024-03-29 23:47:39 103

原创 echarts 3D示例 echart, echarts-gl

来尝试实现下,使用原本的柱状图或者折线图代码创建echarts示例。echarts官网有很多的炫酷的3D模型。在官网案例添加代码查看模型的数据。

2024-03-28 12:35:04 500

原创 压缩图片,cdn

TinyPNG – Compress WebP, PNG and JPEG images intelligently

2024-03-27 16:22:04 114

原创 Redux Toolkit

Redux Toolkit(RTK) – 李立超 | lilichao.comRedux | Redux 中文文档

2024-03-27 14:06:25 121

原创 python学习

Python面试题大全 - 50道经典面试题 - 掘金yoloV5:yolov5: YOLOv5 汉化版,保持官方同步更新

2024-03-27 13:15:37 1135

原创 pure-admin

vue-pure-admin: 🔥 全面ESM+Vue3+Vite+Element-Plus+TypeScript编写的一款后台管理系统(兼容移动端)

2024-03-27 01:19:32 407

原创 vue3进阶

vue3中的。

2024-03-26 01:25:18 154

原创 vue3中封装防抖ref

【代码】vue3中封装防抖ref。

2024-03-26 01:09:31 226

空空如也

空空如也

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

TA关注的人

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