当前位置: 首页 > news >正文

Day 33:深入 UI 渲染层 — 组件、Markdown 与代码块

Day 33:深入 UI 渲染层 — 组件、Markdown 与代码块

今日目标

  • packages/client/ui-renderer/的核心代码
  • 理解前端 UI 组件的组织结构
  • 理解核心组件(聊天消息、工具调用、会话列表、输入框)
  • 理解 Markdown 渲染
  • 理解代码块高亮和交互
  • 理解自定义 Hooks
  • 理解样式方案(CSS Modules/Tailwind/Styled Components)
  • 理解组件性能优化
  • 理解 UI 层和运行时层的接口

前置知识

  • Day 30-32 已完成,理解了前端分层架构、通信层和运行时层
  • 有基本的前端组件化开发知识
  • 对 React/Vue 等前端框架有基本了解

任务 1:看 ui-renderer 包的结构

1.1 查看目录

# Windows PowerShellGet-ChildItem
http://www.cnnetsun.cn/news/4287158.html

相关文章:

  • OpenCV 水下图像处理:三步去散射、调色彩、修模糊的完整教程
  • PowerToys MeasureTool完整指南:3步搞定屏幕像素级测量
  • 全栈网页灰度阶段需要验证什么
  • Sonnet 5.5大泄露对标DeepSeek?开发者选型与接入实战指南
  • 数学建模中的文本情感分析实战:TextBlob与SnowNLP核心应用
  • Windows Terminal 快速上手指南:从安装到窗格拆分,10 分钟跑通
  • 如何系统掌握提示工程:Prompt Engineering 完整指南
  • Zsh配置优秀博客跳转链接
  • 论文“去AI味”新思路:书匠策AI如何帮你抹掉“机器指纹”
  • 如何在电脑上投屏并控制安卓手机:scrcpy 免 Root 实操教程
  • Python数值方法精解:从函数求根到多曲线交点求解实战
  • Windows Terminal 版本更新实战指南:5 条渠道任选,附升级回滚排查清单
  • Linux 系统基于 VSCode 搭建开发环境
  • STM32U575/585 GPDMA使用指南:从CubeMX配置到链表实战
  • 解锁大语言模型潜能:KITE 提示词框架全解析
  • 大模型应用开发时如何调试提示词?
  • 提示工程:少样本提示(Few-shot Prompting)
  • C++进阶:从语法到工程实践,掌握对象生命周期与资源管理
  • 大模型记忆技术解析:从向量数据库到LangGraph实战
  • 一个MSI搞定:Netdata Windows监控部署实战
  • CC2530定时器中断编程:正计数与倒计数模式详解及LED控制实战
  • MiniMax H3开源视频模型本地部署与ComfyUI实战指南
  • 2026年合肥GEO优化服务商4强实力测评与企业选型参考指南
  • 老报纸怎么批量转成可检索文本?PaddleOCR 实操指南
  • 典型相关分析(CCA)在数学建模中的核心应用与Python实现
  • Splunk监控redhat特定日志文件
  • C语言实现匈牙利算法:从二分图匹配到数学建模实战
  • 北京本地打印机租赁与易点云差异对比 选型参考指南
  • 远程团队如何安排协作节奏
  • FPGA实现DDS信号发生器:从原理到工程实践