博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
优化以及bug
阅读量:4688 次
发布时间:2019-06-09

本文共 638 字,大约阅读时间需要 2 分钟。

优化

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解决

转载于:https://www.cnblogs.com/aiyr/p/10613720.html

你可能感兴趣的文章
TV TimeShift和PVR的区别
查看>>
字节流的示例代码
查看>>
类似于抽奖活动的小程序
查看>>
使用终端shell命令批量改动一个文件下的全部文件的读写权限
查看>>
Mysql net start mysql启动,提示发生系统错误 5 拒绝訪问 解决之道
查看>>
MyBatis+MySQL 返回插入的主键ID
查看>>
常见批处理作业调度算法
查看>>
python安装(不影响系统自带python)
查看>>
OpenCV Show Image cvShowImage() 使用方法
查看>>
[CareerCup] 7.6 The Line Passes the Most Number of Points 经过最多点的直线
查看>>
[LeetCode] Parse Lisp Expression 解析Lisp表达式
查看>>
HTML5微数据学习笔记
查看>>
数据结构之-冒泡排序
查看>>
【基础练习】【区间DP】codevs1090 加分二叉树题解
查看>>
HTML5:web socket 和 web worker
查看>>
[转载]从零开始学习OpenGL ES之五 – 材质
查看>>
mobiscroll手机端插件 好用(时间、日历、颜色)
查看>>
利用vertical-align:middle实现在整个页面居中
查看>>
★★停止动画和停止所有动画$(selector).stop() 详解
查看>>
160429、nodejs--Socket.IO即时通讯
查看>>