1

我想开发一个网页，其设计类似于“幻灯片”，它由一个 div“框架”（溢出隐藏在 100% 宽度和高度）和 div 内部“容器”组成，（缩放到窗口的 100% 宽度和高度在 javascript 和 float:left 中制作水平线）。

“容器”具有“页面”或“部分”、一些通过 AJAX 加载的 HTML 内容，以及附加到此 HTML 元素的 DOM 事件（单击、拖动、移动等）。

系统“滑动”容器以仅显示所选页面或部分的“容器”，使其成为完整加载页面。

我的家伙是：窗口的“外部”元素（容器位于左侧位置-XXXXX或左侧XXXXX，窗口大小之外的不可见元素）由浏览器呈现？

我担心的是，当页面加载了很多“部分”并且容器中有很多 HTML 时，如果速度变慢或外部元素不影响浏览器的性能。

另一个想法是将部分DOM（HTML +事件）保存在一个对象中，当它在视觉区域（窗口）之外时从容器div中清除它，当滑动到X部分时，将对象的内容加载到容器中，但我不知道这种方法是否会变慢（并且不知道如何在 div、from 和 to 和对象中加载一个清晰的整个 DOM）。

我知道我质疑它的“理论”，但我搜索“想法”来制作这个完整的幻灯片页面。

谢谢！

4

1 回答 1

1

显然，当您在显示器上隐藏了某些内容时，并不是您没有编写它，而是您编写了它并隐藏了它，以便浏览器呈现它。

另一方面，当您将数据存储到一个对象中并使用 AJAX 加载它时，浏览器不会呈现它，除非 AJAX 将数据发送回您并将其集成到您的网站。

在我看来，当用户加载网站时，您应该已经编写了标记。

从 AJAX 加载数据意味着：

它的缺点：

  1. 如果用户的网络很慢，那么数据可能需要一些时间来加载。
  2. 如果用户的网络关闭，那么他/她将无法再查看您的网站或滑动它。

它的优点：

  1. 您的网站将比以前更快地加载。

已经编写标记意味着：

以上反之。

于 2013-07-03T09:50:43.083 回答