金色财经官网(移动端)https://www.jinse.com/
技术栈:vue、vue-router、vant-UI、lodash、axios、less、ame--flexible、postcss-pxtorem
项目介绍:它是一个利用vant-UI设计的,主要用来查一些咨询新闻,可以进行搜索的操作
个人职责:主要负责对首页,各个模块之间的切换处理,搜索页面,以及新闻的详细页面的实现
技术描述:
1. 使用 vue 脚手架搭建项目环境,配置代理解决开发环境跨域问题
2. 使用vant-UI实现滑块,遮罩层、搜索框、懒加载效果
3. 使用 axios 封装 ajax 函数,发送请求获取页面数据,动态展示数据
4. 使用localStorage保存搜索的历史,然后当展示这个页面的时候就遍历localStorage中保存的历史数据生成
5. 使用lodash的_.throttle实现节流,提高用户体验
6. 使用ame--flexible对pc端进行适配、postcss-pxtorem插件在打包的时候适配