ByteStyle 资讯内容中台系统

业务介绍
定位: 一个轻量级的前端新闻聚合平台，面向关心时事和技术资讯的终端用户与开发者。
价值: 提供快速、简洁的新闻浏览与检索体验，便于用户快速获取、筛选并查看文章详情；同时代码结构清晰、模块化，便于二次开发与接入自有后端或第三方新闻源。
用户场景: 日常新闻阅读、按关键词查找相关新闻、查看文章详情与来源、集成到仪表盘或内部信息流中。
主要功能
新闻列表: 展示最新/精选新闻条目，卡片式展示摘要与来源，支持图片与简短描述。
搜索与过滤: 支持基于关键词的即时搜索（带防抖/节流），帮助用户快速定位感兴趣的新闻。
文章详情: 点击新闻进入详情页，显示完整内容与元信息（来源、发布时间等）。
路由与页面管理: 支持首页、详情页、仪表盘与 404 页面，提供友好的导航与浏览体验。
状态管理: 使用集中式状态（store）管理关键数据与缓存，提高页面切换与数据复用效率。
网络请求封装: 提供统一的请求模块与错误处理，便于替换 API 源或扩展鉴权/拦截器。
组件化与可复用: 采用可复用组件（导航栏、新闻卡片、搜索栏等），便于在不同页面复用与扩展。
性能与体验优化: 基于 Vite 构建，启动快速、打包高效；使用防抖/节流等工具减少不必要的请求，提升响应速度。

基于 Vue3 + Vite + JavaScript 开发的轻量化资讯中台单页应用，对标字节跳动今日头条内容业务场景，独立完成全流程开发。
1、结合AI编程极大缩短了项目周期，初步实现了基本功能。
2、在AI搭建框架后自主debug多处，如：评论区点赞异常，数据看板同步更新异常，图标显示异常等情况，展现了与AI配合编程实现项目构建的能力。
3、进行了各方面性能优化，如：添加防抖与节流，watch监听由数据对象缩小到数据属性，图片懒加载以及对常用数据进行缓存等。DOMContentLoaded从136ms改善到67ms，Load从145ms改善到68ms,FCP从0.43改善到0.38。