Vue
-
前端解析 SSE 流式数据方法详解(AI 视频下载总结器的实时响应处理)
后端把总结生成出来只算完成了一半,另一半是让用户在浏览器里看着结果一个字一个字蹦出来。第一次实现我直接用了 EventSource,连上就收数据,省心。可一接入真实接口就卡住了:总…
-
前端使用选型对比(AI 视频下载总结器的极简实现)
前端选型的第一道坎,往往不是技术,而是对产品形态的共识。产品形态很明确:用户粘一个视频链接,页面提交任务,后台下载、抽字幕、让大模型总结,再把结果一段段流式刷到屏幕上。就这点交互,…
-
平台对技术成长的帮助(AI 大模型评测平台踩坑收获)
十四个月、三个大版本迭代,团队从”会写代码”变成”能设计可演进的复杂系统”。回头看这段经历,最值钱的不只是学会了某个框架,而是被真实…
-
前端代码组织与维护方法详解(AI 大模型评测平台的工程化实践)
功能上得快、维护时崩得也快——两个月后 200+ 页面、上千组件堆在一起,改一个公共组件要提心吊胆半天,新同学接手一周还在迷路。那时候我才意识到,代码组织不是洁癖,是生产力。我们后…
-
Vite 构建与开发使用方法(AI 大模型评测平台的构建工具实践)
开发服务器启动 25 秒、改一行代码 HMR 转 800 毫秒——等编译耗掉的时间比写代码还多,前端工程化被逼着换路。当时团队讨论过三条路:继续用 Webpack 5 调优、上 T…
-
前端性能优化方法(AI 大模型评测平台的 Web 性能调优)
评测结果页首屏干等 3 秒多——图表、Markdown 编辑器、几百条评测记录全挤在一起,测试同事一度把”页面无响应”当缺陷反复上报。当时我并没有急着上 S…
-
路由守卫与权限控制实现方法详解(AI 大模型评测平台的前端鉴权)
普通用户改一下地址栏就能进管理后台的模型价目管理页——页面框架和菜单就此全暴露,权限不能再是”登录了就能进”的粗放模式。这件事之后,我决定把权限从̶…
-
TypeScript使用方法(AI 大模型评测平台的类型安全开发)
立项第一天定的规矩只有一条:全量 TypeScript。定这个规矩是因为吃过纯 JS 的亏:上一个项目跑到四万行的时候,改一个接口字段名,得全局搜索所有调用处,漏改一处就是线上白屏…
-
Vue 3 Composition API使用方法(AI 大模型评测平台的前端代码组织)
改一个需求要翻三处代码——评测列表、模型对拍、报告生成的逻辑纠缠,是 Vue 2 时代留下的最典型结构问题。对比了 Options API、mixin 和 Composition …
-
ECharts实现可视化测试报告方法详解(AI 大模型评测平台的数据图表方案)
几十万条评测结果堆在那里,用户真正要的是一眼能懂的图表。选型阶段我对比了 ECharts、Chart.js、D3.js 和 AntV G2 四家,最后定了 ECharts——图表种…