优化以及bug
优化
1:节流函数
2:城市查询时,之前用事件(拿到DOM中innerHTML,后触发事件),后改用v-model双向绑定;应该是更符合数据驱动。
3:使用localstorage等本地存储,如果用户关闭本地存储等功能的话,需要加一个'try-catch'
4:使用keep-alive来使用本地缓存,如果用了就会多出activated两个周期钩子函数
(当使用keep-alive后页面就会缓存,生命周期函数mounted只会执行一次,如需在再请求ajax,可以使用activated函数,也可以将某个页面不缓存 <keep-alive exclude="不需要缓存的页面的组件名"></keep-alive>)
5:使用v-once来把静态数据放置内存中
解决的bug:
1,第一次进入城市列表页不滚动,
//https://coding.imooc.com/learn/questiondetail/105551.html
2,在微信浏览器或者手机浏览器里,拖动字母导航的时候怎么整个页面都会跟着动
@touchstart.prevent
//https://coding.imooc.com/learn/questiondetail/101195.html
3,fastclick
click事件在touchstart touchend事件之后,用fastclick解决