前端日常实习简历

基本信息

姓名：待填写｜联系方式：待填写｜代码仓库 / 个人网站：待填写

前端日常实习｜到岗时间：待填写｜每周出勤：待填写｜可实习时长：待填写

学校 / 专业 / 学历 / 起止时间：待填写

待填写能解释、能演示或有实际使用经历的技能。

项目时间：2025.12-2026.4｜个人职责：独立开发

技术栈：React、TypeScript、Zustand、Vite、WebSocket、WebRTC

项目描述：面向英文音频理解场景的实时同传应用，支持浏览器音频采集、双语字幕、翻译纠错及中文配音。

媒体采集与会话管理：封装 WebSocket、WebRTC 客户端，通过自定义 Hook 编排音频采集、信令交换与会话启停；统一释放连接、事件订阅和媒体轨道，处理异步准备期间的停止操作。
流式字幕状态管理：使用 Zustand 按句子 ID 合并识别、快翻与模型纠错事件，结合终态标记及翻译引擎优先级，防止迟到的中间结果覆盖已完成的字幕。
高频事件处理：对机器翻译中间结果按句节流，同步裁剪字幕列表及索引，限制长会话的状态保留规模，区分草稿、终态与修订内容的展示。
画中画字幕：基于 Document Picture-in-Picture 构建独立字幕窗口，复用字幕状态，处理能力探测、样式注入和窗口关闭清理，支持用户切换页面时持续查看字幕。

项目时间：2025.09-至今｜个人职责：持续开发

技术栈：Next.js、React、TypeScript、Tailwind CSS、Contentlayer2、MDX、SVG

项目描述：基于既有 Next.js 博客工程二次开发的个人站点，集成技术文章、项目展示、文章目录及 GitHub 贡献可视化。

文章阅读交互：开发二、三级标题目录与活动章节高亮，使用被动滚动监听和 requestAnimationFrame 调度位置计算，适配桌面吸顶目录与移动端折叠目录，并在组件卸载时清理监听。
贡献图组件：拆分服务端数据获取与客户端 SVG 展示，配置一小时缓存再验证及请求失败提示；通过 ref 与逐帧回调驱动贡献动画，适配暗色主题、页面隐藏及减少动画偏好。
内容与页面组织：基于 Contentlayer2 / MDX 内容链路组织文章页面，结合 App Router 静态参数、文章元数据、结构化数据和 sitemap 输出阅读及分享信息。

待填写，没有则删除本节。