项目描述: 该项目是一款在线获取图片素材的网站,实现图片素材的分类,图片素材的详情、为你推荐等功能,满足读者用户的图片素材需求.
负责模块: 页面渲染、搜索
开发技术: vue、vue-router、vuex、axios、Element-UI
项目难点: 搜索组件中的搜索提示和历史记录
开发过程:1.根据UI设计及功能模块进行路由配置,实现页面跳转;
2.通过axios与后端进行数据交互(主要是拿图片地址),动态绑定数据到页面,进而动态化页面数据;
3.使用图片懒加载技术,用户滚动到该图片时,该图片才加载,优化加载性能并提高用户体验;4.使用遮罩和Element-UI轮播来实现点击图片放大和左右切换的功能,让用户更直观的体验每一张图片.