Vue2.x开发去哪网项目技术点总结

技术点:

前端:

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数据

posted @ 2019-08-26 17:19  两包辣条  阅读(250)  评论(0)    收藏  举报