React-中的-Reducer 在使用多状态编写逻辑时, 多使用 Reducer 来精简代码. 示例123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778import { useRe 2024-07-17 React
JavaScript-中的异步操作 PromisePromise 是 JavaScript 中用于处理异步操作的一种对象, 它代表一个未来可能完成的操作及其结果 (或失败的原因). Promise 的状态一个 Promise 对象有以下三种状态: Pending (进行中): 初始状态, 既不是成功也不是失败 Fulfilled (已成功): 操作成功完成 Rejected (已失败): 操作失败 Promise 的基本使用创建 2024-07-17 JavaScript
数据结构与算法基础知识 算法的定义算法 (Algorithm) 是对特定问题的求解方法和步骤的一种描述, 是指令的有限序列, 其中每个指令表示一个或多个操作. 对于同一个问题, 使用不同的算法, 所消耗的资源也是不同的, 这里的资源指时间和空间: 时间维度, 指执行当前算法所消耗的时间, 通常用 “时间复杂度” 来描述 空间维度, 是指执行当前算法需要占用多少内存空间, 通常用 “空间复杂度” 来描述 大O表示法大O 2024-07-16 Algorithm
React-中的虚拟-DOM-以及-render-函数 虚拟 DOMVirtual DOM 是 React 提供的一种编程概念和技术, 它通过在内存中创建一个轻量级的 DOM 表示, 来实现高效的 UI 更新和渲染, 目的是提升性能并简化开发者的操作. Virtual DOM 本质上是以 JavaScript 对象形式存在的树结构, 它表示了实际 DOM 树的状态. 每当组件的状态 (state) 或属性 (props) 发生变化时, React 会创 2024-07-16 React
在-React-中使用-TypeScript 官方文档 简介TypeScript 是一种向 JavaScript 代码添加类型定义的常用方法. 其天然支持 JSX, 只需在项目中添加 @types/react 和 @types/react-dom 即可获得完整的 React Web 支持. 在现有 React 项目中添加 TypeScript1npm install @types/react @types/react-dom 2024-07-15 React
React-技巧积累 React 中文文档 使用 await fetch在 React 中, 若想使用 await 关键词, 则需要将包含其的函数设置为 async, 如: 1234567export default async function Test() { let response = await fetch("http://localhost:8112/homepage/music/li 2024-07-13 React
前端开发的一些基本概念 Node.jsNode.js 是一个基于 Chrome V8 JavaScript 引擎构建的 JavaScript 运行时环境. 它使得 JavaScript 能够在服务器端运行, 而不仅仅是在浏览器中使用. Node 本意 “节点”, 意味着一个独立的单元或模块. Node.js 的设计理念是通过小的, 独立的模块来构建应用程序. 这些模块可以像节点一样组合在一起, 形成一个大的, 复杂的系统 2024-07-13 Front
React-应用简单创建流程 用 create-react-app 创建1234mkdir testcd testnpm install create-react-appnpx create-react-app hello-react 启动本地调试12cd hello-reactnpm start 目录结构src 目录123456789src├── App.css├── App.js├── App.test.js├── i 2024-07-13 React
银河麒麟系统安装使用外部软件源 图形化安装 KylinOS 时, 在选择软件源时未识别到 iso 镜像以使用本地软件源, 此时可用外部软件源安装所需包: 网络配置此时需要配置好网络: 设置软件源可以上 https://update.cs2c.com.cn/ 找需要的版本: 2024-07-12 Linux
npx-create-react-app-报错 问题如: 解决先清理 npm 缓存, 以确保没有过时或损坏的缓存文件: 1npm cache clean --force 更新 create-react-app 到最新版本: 1npm install create-react-app 再运行: 1npx create-react-app hello-react 此时 ok: 2024-07-12 React