一、考研大促专题页/协议班活动页(项目技术:Vue-Cil+es6+less+Vue-Router+Axios)
使用弹性盒子布局,使用rem、百分比、响应式布局等主流进行移动端布局
用 html+css 精确还原设计图,样式使用 less 增加开发效率
封装Axios接口,实现api模块化管理,并进行后端接口数据的获取、上传
使用Cookie和Axios请求拦截器,并存储统一请求的token字段,实现单次鉴别登录
Vue-Router实现单页面应用,与后端接口配合使用Element $message配置请求提示语
预览地址: https://m.kaoyanvip.cn/promotion_2204
二、短视频WebApp(项目技术:Vite搭建React Hooks+Recoil+Antd)
用 html+css 精确还原设计图,样式使用 less 增加开发效率
Router V6实现路由表配置
React18+React Hooks函数组件代码编写
Recoil+Recoil-Persist实现持久化存储数据状态共享
坚守前端MVVM的设计理念,遵循组件化、模块化的编程思想
预览地址: https://v.superbed.cn/play/6331b28716f2c2beb10165c4