Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/design-patterns/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
图像滑块的逻辑是否为jQuery;模式;?_Jquery_Design Patterns - Fatal编程技术网

图像滑块的逻辑是否为jQuery;模式;?

图像滑块的逻辑是否为jQuery;模式;?,jquery,design-patterns,Jquery,Design Patterns,我想做一些类似于图像滑块的东西。我非常需要滑块的逻辑。我知道有一百万个插件和教程,但我想从基本的jQuery模式中学习,比如“slider”或“accordion”,而不需要任何东西。我想看一下非常基本的jQuery模式以供学习 我要寻找的模式是否就是我在搜索的模式之一 我不会将滑块功能称为一种模式,它更多的是一种技巧。。 jQuery的模式非常有限(与js it self.或其他语言相比,尽管jQuery不应被视为一种语言,因为它是js的衍生产品) 现在,jQuery的模式(或者在大多数情况下

我想做一些类似于图像滑块的东西。我非常需要滑块的逻辑。我知道有一百万个插件和教程,但我想从基本的jQuery模式中学习,比如“slider”或“accordion”,而不需要任何东西。我想看一下非常基本的jQuery模式以供学习


我要寻找的模式是否就是我在搜索的模式之一

我不会将滑块功能称为一种模式,它更多的是一种技巧。。 jQuery的模式非常有限(与js it self.或其他语言相比,尽管jQuery不应被视为一种语言,因为它是js的衍生产品)

现在,jQuery的模式(或者在大多数情况下,所有模式)只是一种代码组织方式和代码技巧

存在用于插件创作的jQuery模式。。。您可以查看或阅读带有大量注释的代码


回到你的问题上来,没有与核心功能相关的模式可供你使用,但你可以使用它来组织并在将来拥有更好的可扩展代码。

图像滑块中没有足够的逻辑来保证正确的软件设计模式

查看一下您的链接,其中许多不是模式,而是对您可以在javascript中执行的操作的简单描述

对于图像滑块本身,让我们从两个组件中查看它:

用户交互组件:按钮(上一个、下一个)或滑块

图像组件:显示当前选定的图像

您真正需要做的就是存储当前选定图像的索引,并查找在选择该图像时将图像滑块滑动到哪个x位置

下面是一个粗略的例子:

您将看到,一开始它主要是一个函数循环,它执行所有腿部工作并存储正确的索引,以使用jQuery中的animate函数滑动
#images
div。这在用户与按钮交互时调用,但在滑块触发其滑动事件时也可以轻松调用。有关滑块的更多信息,请参见此处:

就我个人而言,我会将所有这些函数式编程放在一个合适的javascript模块中。查看此链接,了解如何使用模块模式的一个很好的示例:

基本上,图像滑块的概念本身并不保证模式的正确性,但将其包装在模块中以使其可重用(甚至在同一页面上重复多次)的实用性绝对值得一试

Javascript是一种功能性语言,有很多“模式”用于编写干净、可移植的功能性代码,但它们并不等同于OOP设计模式


享受这把小提琴吧,希望这对您的javascripting冒险有所帮助。

注意到您正在尝试打包通用滑块功能。。。哦,免费的图像滑块:请仔细查看我关于javascript模块模式的链接,这对您非常有用。谢谢您的回答。现在我还是有点不知所措。我遇到了一些这样的链接,在理解如何将它们集成到我正在尝试的工作中时遇到了一些问题。我想我会继续努力的