【Github】项目名：lybenson/bilibili – vue：前端vue + 后端koa全栈开发bilibili首页
项目简介
这是一个前端使用vue3 + vuex + vite + stylus + nginx，后端采用koa2的项目，旨在全栈式开发bilibili首页。项目包含20多个可复用组件，采用单向数据流动，状态管理使用vuex，动画实现有多种方式，样式文件使用stylus，并且在性能优化、项目发布等方面有相关的设置。
核心技术
前端技术栈包括vue3、vuex、vite、stylus和nginx，后端为koa2。状态管理使用vuex，可分多个子module进行不同模块下的状态维护，公共状态保存在根状态。在动画方面，有以hover效果触发、js触发以及vue提供的动画方式等。样式文件使用stylus，在性能优化上采取图片懒加载、压缩js和css、服务器开启gzip和浏览器缓存等措施。
项目总结
这个lybenson/bilibili – vue项目展示了全栈开发bilibili首页的完整流程和技术细节，从组件划分到状态管理，从动画实现到性能优化和项目发布等。希望大家能从中学到相关知识，如果有任何想法或者建议，欢迎大家留言讨论。