HTML   发布时间:2022-04-15  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了user-interface – 优化大量图像(1000)的显示,以提高Web应用程序的性能和易用性大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在我们的Web应用程序中,用户需要查看大量图像.这是我目前的布局.一次显示20张图像,缩略图上方有一个分页栏.单击缩略图将在左侧显示放大的图像.放大的图像将跟随滚动条,因此它始终可见.实际上非常简单.

我想知道在这种情况下最好的界面是什么:

一种选择是实现无限滚动脚本,当用户滚动时,该脚本将延迟加载缩略图.不可见的缩略图将从DOM中删除.但我对这种方法的关注是DOM的变化数量减慢了页面的速度.

另一个选择可能是Google’s Fastflip.

您认为这个应用程序的最佳方法是什么?激进的想法受到欢迎.

解决方法

我想你要问的问题是:用户应该采取什么行动?该网站的目的是什么?

如果“评论图像”需要对每个图像进行评级,我宁愿采用Fastflip方法,其中焦点在于单个图像.缩略图库会分散所需的操作,并可能导致较少量的图片评级/评论.

如果焦点应该放在给定图像与其他图像的比较上,我会说尝试画廊方法,虽然我不会用缩略图强制无限滚动,因为用户可以很快迷失在丰富的选择中.我认为如果你选择走这条路线,标准的分页(无论是静态的还是ajaxified)会更​​好.

只是我的2c.

大佬总结

以上是大佬教程为你收集整理的user-interface – 优化大量图像(1000)的显示,以提高Web应用程序的性能和易用性全部内容,希望文章能够帮你解决user-interface – 优化大量图像(1000)的显示,以提高Web应用程序的性能和易用性所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: