技术点: 前端: 1. border.css解决1像素问题。 2.reset.css解决不同手机初始化不同,保证统一。 3.fastClick: 解决300毫秒点击事件延迟问题。 4.stylus:css 预编译处理器,快速编写css代码。 5
技术点:
前端:
1. border.css解决1像素问题。
2.reset.css解决不同手机初始化不同,保证统一。
3.fastClick: 解决300毫秒点击事件延迟问题。
4.stylus:css 预编译处理器,快速编写css代码。
5.vue-awesome-swiper: 图片轮播插件。
6.better-scroll:iscroll 的优化版,使移动端滑动体验更加流畅。
7.ES6:ECMAScript6语法。
8.axios:服务端通讯。基于 Promise 的网络请求插件。
9.vuex:Vue 集中状态管理,在多个组件共享某些状态时非常便捷。
10.vue-router:为单页面应用提供的路由系统,项目上线前使用了路由懒加载技术,来异步加载路由优化性能。
11. <keep-alive exclude="detail">
<router-view/>
</keep-alive>
使用keep-alive可以进行缓存,这样就不会每次进入相同的页面都会进行数据请求了,能提高用户体验、在使用keep-alive以后会多两个生命周期函数:activated以及deactivated,我们可以在这里进行一些判断操作,来决定是否需要缓存,是否需要执行数 据获取。此外,如果我们是给整个路由router-view组件进行了keep-alive,并且在这里执行了一些exinclude设置。
12.在城市右边滚动栏设置一个定时器进行函数节流
后端:
使用data.json模拟的mack数据