?关于特定项目的 DOM 脚本

发布于 2024-10-25 09:16:18 字数 318 浏览 2 评论 0原文

我想知道是否可以获得一些有关 Javascript 的指导。这一切都将从头开始,因此不涉及任何框架或插件。

我正在开始一个新项目,其中有一个带有 12 个拇指和一个下一个按钮的页面。单击下一个按钮,将 12 个拇指向左滑动并隐藏它们,显示另外 12 个拇指,这些拇指将动态添加到 DOM 中,等等。一旦您位于第 2 页或以上,将显示上一个按钮。我认为用于填充 DOM 的所有信息都将采用 JSON 的形式。这是最好的方法吗?数组就足够了吗?跟踪我所在页面的最佳方式是什么?当我在第 2 页时,从 JSON 对象等获取第 13-24 项的最佳方法是什么?

我有一些想法,但我正在寻找最佳实践。

I was wondering if I could get a little bit of guidance with Javascript. This is all going to be from scratch so no frameworks or plug-ins involved.

I'm starting a new project where I'll have a page with 12 thumbs and a next button. Clicking the next button, slides the 12 thumbs to the left and hides them, showing 12 more thumbs which will be added to the DOM on the fly, etc etc. Once you're on page 2 or above, a previous button will be displayed. All of the info that will be used to populate the DOM I imagine will be in the form of JSON. Is that the best way? Would an array suffice? What is the best way to keep track of what page I'm on? When I'm on page 2, what is the best way to get items 13-24 from the JSON object, etc?

I have some ideas but I'm looking for best practices.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

呆橘 2024-11-01 09:16:18

在数组中使用对象,每个对象都包含拇指路径、图像路径、标题等信息。

您可以 slice() 一个数组。

但是,如果使用 JSON,您可能希望使用 XHR 请求所需的图像,因此只需传递页码,服务器端代码就可以计算偏移量。

Use objects inside an array, with each object containing the info such as thumb path, image path, caption, etc.

You can slice() an array.

However, if using JSON, you probably want to request with XHR the images as you want them, so just pass the page number and your server side code can calculate the offsets.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文