优化滞后调整大小

时间:2017-11-29 13:20:53

标签: javascript window-resize

我在解决这个问题时遇到了一些麻烦,但我认为它可能很常见,或者有一个众所周知的解决方案。我做了一些研究,但我不太清楚如何继续这里。

我有一个包含一系列幻灯片的页面,以及一个从一个到另一个的小js脚本: http://analucia.net/test/index2.html

幻灯片有max-width: 100%;(和高度),因此它们会在窗口的其余部分重新调整大小。这非常简单,可以很好地处理2或3张图像,但有30张图像变得非常迟钝,特别是对于大屏幕尺寸。

我猜手动调整窗口大小会产生很多变得势不可挡的事件,特别是对于大图片。我的直觉是使用一些javascript来转录"将所有这些事件分成一个或两个,从而以有序的方式处理窗口大小调整。 我发现了这个:https://css-tricks.com/debouncing-throttling-explained-examples/ 但它看起来非常具体,我不确定它是否适用于此

所以我的问题是:

  1. 这种方法会很好地解决这个问题吗?
  2. 我对js的理解非常有限,我不知道从哪里开始甚至应用有一个脚本来获取调整大小信息的想法,可以这么说
  3. 非常感谢任何帮助!

0 个答案:

没有答案