标签

共 31 个标签

AI1大模型基础1React5docker1nginx1Vue313ElementPlus5TypeScript7MongoDB1Vue1网络请求1操作系统4网络协议分析2网络安全2软件定义网络3SSE12BroadcastChannel4实习6Vitest2JavaScript2Python2CS21网络基础1Nignx1前端部署1Nuxt2SSR2Docsify1Latex1fetchApi1Vuepress1

农担项目所遇问题及总结

2026/1/23 项目经验ReactTypeScript

组件封装

代码中有很多处组件的封装，例如SVG图标的组件封装，在代码中对于icon的展示有独特的封装， 它并非简单的存储svg，而是只存储svg的核心部分，然后再使用forwardRef来实现封装并后期利用className等对svg样式进行修改。这样在代码后续调用的时候就可以对svg图标进行丰富的自定义和操作。

首先是导入方式，此处在svg的路径后使用了?react后缀，其目的是告诉Vite：将这个SVG文件转换为一个React组件，这样在转化后Assistant就是一个可以直接渲染的React组件：<Assistant / >

阅读全文

React 入门实战案例

2025/12/11 项目笔记ReactTypeScript

用户列表管理（对比 Vue3 核心差异 + 网络请求）

这个案例是「用户列表管理」（包含列表展示、关键词筛选、分页、新增 / 删除用户），复杂度适中，能覆盖 React 与 Vue3 核心差异，且重点体现 React 网络请求的写法。全程用 TS + React Hooks，对比 Vue3 逐点标注差异，帮你快速掌握核心区别。

一、案例准备

1. 环境（和 Vue3 一致，快速过）

# 创建 React+TS 项目（类比 Vue3 + Vite）
npm create vite@latest react-user-list -- --template react-ts
cd react-user-list && npm i && npm i axios antd # 安装axios（网络请求）、antd（UI组件，类比Element Plus）
npm run dev
阅读全文

React基础入门

2025/12/10 说明文档ReactTypeScript

基础入门

一、核心认知：React 是什么？（类比 Vue）

Vue3 是「渐进式框架」，有完整的模板、指令、响应式体系；React 是「UI 库」（核心只管视图渲染），更像「函数式的视图生成器」，核心思想：用函数描述 UI，数据变了函数重新执行，UI 就更新。

关键类比（Vue3 → React）

Vue3 概念 React 对应概念 核心差异
单文件组件.vue 组件文件.tsx/.jsx React 用 JSX 写模板（HTML 嵌 JS）
setup () 语法糖 函数组件 React 组件本质是返回 JSX 的函数
ref/reactive useState/useReducer React 响应式是「显式更新」
watch/watchEffect useEffect/useLayoutEffect 副作用监听需手动指定依赖
Props 传值 Props 传值 逻辑一致，TS 类型声明方式不同
插槽 Slot 组件传子元素 / Props React 无插槽，用「传元素」替代
阅读全文

前端面试八股文及总结

2026/1/30 前端面试Vue3ReactJavaScript

Day 1

好的，我们来模拟一次前端的深度技术面试。我将以面试官（I）和候选人（C）的角色进行一问一答

第一幕：JavaScript 中的事件循环机制

I： 请解释一下 JavaScript 中的事件循环机制。如果现在有一段包含 setTimeout、Promise 和 async/await 的代码，你能描述一下它们的执行顺序吗？

阅读全文

docker部署流程

2025/12/25 项目笔记Reactdockernginx

国内访问很麻烦，有一些国内直达的地址（可以直接pull），收录在：docker镜像站

将 React 项目打包成 Docker 镜像需要结合React 的构建流程和Docker 的镜像构建规范，通常分为开发环境和生产环境两种构建方式。生产环境会采用多阶段构建来减小镜像体积，以下是详细步骤：

阅读全文