i_阿文-优快云博客

原创 upload上传图片同时会调一次request是为什么？

当你选择一个文件并触发上传时，Ant Design 的。这就是你看到“调了一次 request”的原因。这个请求是浏览器自动发起的，

2025-11-19 15:59:28 244

原创 1024：藏在代码里的浪漫与力量

从撑起社交平台的复杂算法，到保障支付安全的加密逻辑，再到让智能设备读懂人类需求的指令，1024背后，是无数技术人用严谨与创新，把“不可能”变成“已实现”的日常。对程序员而言，1024MB等于1GB的换算，是代码海洋里最基础的“通行密码”，每一个字节的堆叠，都在悄悄搭建着改变世界的数字骨架。它不只是一个数字，更是一种象征——象征着用技术打破边界的勇气，象征着在0与1的世界里创造无限可能的浪漫。每一个为1024心动的人，都在以自己的方式，为这个时代的数字浪潮注入微光。

2025-10-24 10:19:11 234

原创数字滚动效果

【代码】数字滚动效果。

2025-09-08 11:04:52 115

原创 Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No “exports“ main defined

"exports"字段是现代 JavaScript 模块系统的一部分，用于指定模块的导出路径。缺少此字段会导致 Node.js 无法识别模块的入口点，从而引发错误。

2024-11-25 09:59:20 2643 4

原创如何在vscode 中打开新文件不覆盖上一个窗口

在 VSCode 中，如果你单击文件时出现了覆盖Tab的情况，这通常是因为VSCode默认开启了预览模式。在预览模式下，单击新文件会覆盖当前预览的文件Tab。为了解决这个问题，你可以按照以下步骤进行操作。：启动你的Visual Studio Code编辑器。

2024-11-14 15:45:05 3361

原创 1024程序员节快乐！愿你的代码永远没有bug，逻辑永远清晰！

【代码】1024程序员节快乐！愿你的代码永远没有bug，逻辑永远清晰！

2024-10-24 18:37:31 254

原创假设js 中，String没有trim方法，为 String 增加trim方法并实现

在JavaScript中，如果String对象没有内置的trim方法（虽然在现代JavaScript环境中，trim方法是标准的并且可用的），你可以通过扩展来自定义实现一个trim方法。

2024-10-22 11:51:14 359

原创实现三个灯（红灯、黄灯、绿灯）按照指定时间间隔

实现三个灯（红灯、黄灯、绿灯）按照指定时间间隔（红灯3秒、黄灯2秒、绿灯1秒）不断交替重复亮灯，可以利用JavaScript的。函数来创建一个定时器，该定时器会按照固定的时间间隔反复执行一个函数。

2024-10-15 23:02:55 601

原创有一个字符串names和一个对象person。person对象有两个方法：sayNamePerson和sayArrowPerson。这两个方法的主要区别在于它们如何绑定this关键字。

（非箭头函数）的this在调用时根据调用方式确定。（箭头函数）的this在定义时确定，且不能通过.call().apply()或.bind()改变。注意：实际输出可能会因JavaScript引擎的实现和是否处于严格模式而有所不同。

2024-09-30 15:31:53 468

原创判断一个变量是数组还是对象的几种方法

在JavaScript种，判断一个变量是数组还是对象可以使用几种不同的方法。由于JavaScript种的数组也是对象的一种（它们都是基于原型的，并继承自），因此直接区分它们并不是那么直观。

2024-09-27 10:54:50 506

原创 CORS（跨源资源共享 Cross-Origin Resource Sharing）

CORS时一种Web浏览器的安全机制，用于控制一个网页中的应用程序从哪些源（即域）可以加载资源。在Web开发中，经常会遇到跨域请求的情况，即从一个源的网页中请求加载来自另一个源的资源，如图片、字体、脚本或进行AJAX请求等。CORS机制在解决跨域请求可能引发的安全问题，如跨站点请求伪造（CSRF）和信息泄露。

2024-09-25 21:58:59 648

原创 useEffect的第一个参数可以做什么？

useEffect是React Hooks中的一个核心函数，它让你能够在函数组件中执行副作用操作。这些副作用操作包括但不限于数据订阅、手动更改React组件中的DOM、执行数据获取或调用其他API。useEffect的第一个参数是一个函数，这个函数在组件渲染到屏幕之后执行，并且在这个函数中，你可以安全地执行那些需要访问DOM、设置订阅或执行任何可能具有副作用的操作。

2024-09-25 11:49:38 466

原创 React封装一个CustomInput函数式组件

我们可以使用React的函数式组件以及hooks，这里主要使用的是useState来处理内部状态（如果组件处于非受控模式）和useEffect来处理某些副作用（如根据props更新内部状态）。但是，对于受控组件来说，我们通常不在组件内部使用状态来管理输入值，而是直接通过props传递的value和onChange来管理。1.受控模式下传入的value值。3.发生改变的时候触发的回调。4.可输入的最大长度。

2024-09-14 23:28:51 495

原创什么是深拷贝和浅拷贝？

深拷贝和浅拷贝是编程中常见的两种对象复制方式，它们的主要区别在于复制的内容和复制后对象之间的独立性。

2024-09-10 21:28:10 273

原创实现一个带下拉框的输入框的可复用组件SearchInput

以上步骤展示了如何构建一个可复用的SearchInput组件，该组件在输入框或下拉框的内容变化时，能够向父组件报告这些变化。接下来，在父组件中使用SearchInput并定义一个处理函数来接受来自SearchInput的变化。首先，我们需要创建一个React组件，并在其中定义状态来管理输入框的值和下拉框的选择。

2024-08-14 21:09:41 613

原创单页面应用跟多页面应用的区别？

单页面（SPA, Single Page Application）与多页面（MPA, Multiple Page Application）在多个方面存在显著差异，以下是它们之间的主要区别：

2024-08-14 11:13:07 419

原创 hooks有哪些限制？

Hooks必须在函数组件的顶部调用，即直接位于函数组件的函数体内部，而不能在条件语句、循环语句或嵌套函数中调用。Hooks必须在React组件函数中使用，而不能在普通的JavaScript函数中使用。Hooks在React中的使用确实存在一些限制，这些限制主要是为了确保Hooks的调用顺序一致，从而保持组件状态的正确性。Hooks不能在循环中使用，因为循环中的闭包函数会共享相同的状态。虽然在事件处理函数中可以使用状态或其它Hooks，但Hooks本身不能在事件处理函数中调用。Hooks不能在类组件中使用。

2024-08-13 18:12:40 461

原创 React中的状态管理

然而，随着应用规模的扩大，组件之间的状态共享和通信变得复杂，这时及需要引入更高级的状态管理方案。useReducer是一个更复杂的替代useState的Hook，它返回dispatch函数来分发actions，并允许你编写一个reducer函数来根据当前状态和action来更新状态。MobX是一个简单、可扩展的状态管理库，它通过使用透明的函数式响应式编程（TFRP）使得状态管理变得简单和直观。Recoil是Facebook开发的一个用于React的状态管理库，它旨在解决大型应用中状态管理的复杂性。

2024-08-13 17:53:00 433

原创自定义hooks是如何共享数据的？

自定义Hooks在React中主要用于封装可重用的逻辑，这些逻辑可以包括状态管理、副作用处理等。虽然自定义Hooks本身不直接提供数据共享的机制，但它们可以通过多种方式与其他React特性结合使用，以实现数据的共享。

2024-08-08 20:00:36 670

原创网站加载100张图片，同一时间发出四个请求，有一个提前返回，剩余填补

在网站加载100张图片并同时控制最多只发出四个请求的场景中，当一个请求提前返回时，你需要确保剩余的图片请求能够填补这个‘空位’，以保持并发数始终是四（直到所有图片都被请求）。这通常涉及到一种队列管理机制，用于追踪哪些图片已经被请求，哪些还在队列中等待。

2024-08-07 23:11:53 353

原创微任务与宏任务的区别是什么？

在前端开发中，JavaScript运行时环境通常将任务分为两类：微任务（Microtasks）和红任务（Macrotasks），这是为了管理和执行异步代码。当浏览器执行完一个宏任务后，会检查微任务队列是否有待处理的微任务。如果有，则会优先执行微任务队列中的所有微任务，然后在执行下一个宏任务。微任务会在当前宏任务的末尾执行，而宏任务会在当前执行栈执行完毕后执行。注意，微任务总是在下一个宏任务之前执行，所以它们的优先级较高。微任务会在当前宏任务执行结束后，下一个宏任务执行之前执行。

2024-06-24 10:43:14 533