项目描述:美食之家是以食谱分享为主的网站,让人们在家可以做出各地美味健康的食物
主要职责:负责主页效果展示和食谱展示模块
主要技术:
1. 使用图片有资源懒加载技术,将页面未出现在可视区域内的图片先不做加载,等到滚动到可视区域后再去加载。从而很大得提升了页面加载性能,也提高了用户体验。
2. 搜索功能,通过封装防抖函数,减少向服务端发请求得次数,从而缓解服务器和网络的压力,是页面加载更流畅。
3. 通过sessionStorage保存导航栏状态,从而实现在页面刷新时导航栏样式定位。
4. 使用vuex对控制导航栏样式的数据进行管理,从而实现导航栏样式随页面的改变而改变。