当前位置 : 主页 > 网页制作 > css >

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

来源:互联网 收集:自由互联 发布时间:2021-06-13
技术点: 前端: 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数据

上一篇:SASS(二)
下一篇:精灵图(雪碧图)和
网友评论