1. 个人博客系统(Vue3 + Vite)
技术栈:Vue3 + Vue Router + Pinia + Markdown解析
功能亮点:
实现文章分类、标签检索、暗黑模式切换
使用axios对接自建Node.js后端,支持评论功能
通过localStorage实现用户偏好持久化
收获:深入理解Composition API与响应式原理,优化了首屏加载速度(Lighthouse评分>90)
2. 电商后台管理系统(Vue2实战)
技术栈:Vue2 + Element UI + ECharts
功能亮点:
开发商品管理、订单统计模块,利用ECharts可视化销售数据
基于JWT实现权限控制,封装高阶组件保护路由
通过Webpack配置多环境变量,区分开发/生产API地址
难点解决:优化大数据表格渲染性能(虚拟滚动方案)
3. 其他练手项目
CSS创意作品:纯CSS绘制动画图标(如加载效果、3D按钮)
JavaScript小工具:天气预报插件(调用公开API)、TODO List(本地存储版)