news 2026/9/4 17:30:13

Day 30:Client 端总览 — Web UI 前端架构

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Day 30:Client 端总览 — Web UI 前端架构

Day 30:Client 端总览 — Web UI 前端架构

今日目标

  • 理解 dsh 前端的整体架构
  • packages/client/的目录结构
  • 理解前端的分层架构(通信层/运行时层/UI 渲染层/插槽系统)
  • 理解前端和 Host 端的通信方式
  • 理解前端的技术栈(框架/构建工具/状态管理)
  • 理解前端的启动流程
  • 理解前端的状态管理
  • 动手观察前端的网络请求

前置知识

  • 前四周已完成
  • Day 12-13 理解了 Host 端的 webserver 和 apiproxy
  • 对 Web 前端开发有基本了解(HTML/CSS/JavaScript)
  • 对 HTTP 和 WebSocket 有基本了解

任务 1:Client 端总览

1.1 什么是 Client 端?

Client 端是 dsh 的 Web UI 前端,运行在浏览器中。它负责:

  • 显示会话列表和消息历史
  • 接收用户输入并发送到 Host 端
  • 实时显示模型输出(流式响应)
  • 显示
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/31 1:25:12

STM32实战笔记:从ADC采样到温度校准,精准获取MCU内部温度

1. STM32内部温度传感器基础认知第一次接触STM32内部温度传感器时,我误以为它和外部DS18B20这类传感器类似,结果踩了个大坑。实际上这个传感器是直接集成在芯片晶圆上的,主要用途是监测CPU核心温度而非环境温度。它的输出电压会随晶圆温度变化…

作者头像 李华
网站建设 2026/8/31 13:08:34

纯Rust沙箱化本地优先浏览器,为AI Agent打造轻量级网页访问内核

大家在做 AI Agent 的时候,是不是经常被“让 Agent 打开网页”、“让 Agent 获取某个页面内容”这种需求卡住?传统方案要么是模拟浏览器控制(Playwright、Selenium),要么是嵌一个 Chromium 实例,重量级不说…

作者头像 李华
网站建设 2026/9/4 17:29:59

从论文到原型如何借鉴竞品

从论文到原型如何借鉴竞品论文、开源实现和竞品都能帮助团队缩短摸索时间,但它们解决的问题不同。论文通常说明一种方法在特定数据、指标和实验设置下是否有效;竞品展示的是一套面向用户的取舍;原型要面对的则是当前团队的技术、数据、时间和…

作者头像 李华
网站建设 2026/9/1 14:49:12

智能工作流并发上来先守住哪条线

智能工作流并发上来先守住哪条线把大模型接进单据、客服或审核流程后,请求数不再是唯一的压力指标。同样数量的请求,输入长度、输出上限、工具调用和供应商配额都可能不同。系统在高峰时失控,常见原因不是某一处限流器写错,而是入…

作者头像 李华
网站建设 2026/8/31 5:37:13

ArcMap实战指南:属性表高效查询与数据筛选

1. 属性表查询基础操作 刚接触ArcMap的朋友可能会觉得属性表操作有点复杂,但其实掌握几个核心功能就能解决80%的日常需求。我刚开始用ArcMap时,最头疼的就是在一堆数据里找特定信息,后来发现属性查询工具简直是数据筛选的"瑞士军刀"…

作者头像 李华
网站建设 2026/9/2 11:40:28

具身智能机器人落地商超仓配:核心技术拆解与规模化工程实践

如果说融资新闻只给出了“拿到了钱、进了商超”这样一个结果,那么站在工程师视角,真正值得拆解的反而是它背后的技术命题:具身智能机器人凭什么能在真实超市仓配环境里稳定工作?它需要哪些传感器、模型、调度逻辑和异常恢复机制&a…

作者头像 李华