返回笔记首页

1-3年前端

主题配置

Vue技术栈

项目名称

AI 教育智能问答与内容生成平台

项目角色

前端开发工程师(AI 应用方向)

技术栈

Vue 3 / TypeScript / Vite / Pinia / SSE / LangChain.js


项目描述(3 年标准)

  • 基于 Vue3 开发 AI 教育应用前端,支持智能问答、教学内容生成等核心功能
  • 实现 AI 对话模块,支持 Prompt 模板配置与多轮上下文管理
  • 对接后端 RAG 服务,完成知识库问答的前端交互与结果展示
  • 实现基于 SSE 的 AI 流式输出,提升长文本生成的交互体验
  • 使用 Pinia 管理会话与 Agent 执行状态,保证复杂异步流程下的状态一致性

技术亮点(3 年)

  • Prompt 参数化配置,减少硬编码
  • 支持中断生成与重新提问
  • Markdown 流式渲染,避免整段重绘

React技术栈

项目名称

AI 教育内容生成与智能辅导系统

项目角色

前端工程师(AI 应用方向)

技术栈

React 18 / TypeScript / Zustand / SSE / OpenAI SDK


项目描述(3 年 React)

  • 基于 React18 开发 AI 应用前端,支持智能对话与内容生成
  • 实现 Prompt 模板配置与上下文拼接逻辑,提升 AI 输出一致性
  • 对接 RAG 服务,实现知识库问答与引用来源展示
  • 实现基于 SSE 的 AI 流式输出与中断控制
  • 使用 Zustand 管理对话与 Agent 状态,降低组件间耦合

技术亮点(3 年)

  • 使用 memo 减少 Chat Message 重渲染
  • 支持多轮上下文与历史会话
  • AI 输出结果结构化渲染