星期二 晴 12~22℃
友吧今天
- 发现录场馆居然是件有趣的事。这些场馆与其说是方便广大运动爱好者,不如说先是方便我自己 – -!
- 修改分享场馆页 tag 列表样式折行的问题。
- 制作场馆列表排序(城市区域、排行)的 html 静态效果,Ryan 将根据此效果处理程序。
- 场馆详细页放大地图,发现用 js 来处理会有一些问题,所以仍然使用 iframe。使用 js 和 iframe 都各有一些利弊。
iframe 的弊端主要是第一次点击放大时需要再次加载地图,不过第二次之后点击就不需要再次加载了。好处是大小地图相互不影响,因为是使用两个分开的地图,用户在大图上进行缩放或移动操作后,切换到小图,然后再切换到大图时不需要重新定位,这在用户体验上有一定优势,否则每次切换都重新定位,会显得程序在自作主张,清空了用户之前的行为。
使用 js 来处理会出现一些比较奇怪的样式问题,并且缩小后再点击目标点会弹出信息框(可能可以处理掉)。好处是因为使用同一个地图,第一次放大时速度会快一些,只是相当于在同一个地图上放大了一个级别,不需要再次加载地图,不过从第二次开始,每次都是在缩放,而 iframe 从第二次开始只是在两个 div 之间进行切换,效率会高一些。
综合起来说,iframe 处理起来简单,js 处理起来较为复杂。iframe 在初次点击放大时显示较慢,但是第二次之后效率比 js 高;js 在初次点击放大时显示较快,但是每次切换都会需要重新定位,破坏用户之前的行为。
遵循一个原则:不要把简单的问题复杂化。
发表评论