gpt4 book ai didi

javascript/jquery 创建小部件并使用继承

转载 作者:行者123 更新时间:2023-11-30 23:42:42 25 4
gpt4 key购买 nike

我已经使用 jquery 一两周了,并且有一些类似于 hackey 过度生长的示例的东西。它需要结构 - 我之前在 java 等中使用过 MVC,但我发现很难将我的大型 .js 文件转换为许多不同且逻辑上分离的 View 。

在这些 View 中,我希望能够创建某些小部件的实例(它基本上是一个带有一些按钮和一些可拖动行为的 div)。显然,我希望能够利用继承,因为某些过度生长的 div 具有相同的特征。

我知道如何在 Java 中做到这一点,但我似乎无法理解 javascript。我可以达到可以隔离函数调用的程度,理论上该函数调用会遇到类似于 Controller 的东西。此时,我继续检查父 div 等的某些样式,然后对特定 div 进行大量追加操作,从而创建我的组件。

简而言之,我如何创建一个小部件并在我的 jquery 顶部的 javascript 中引用它。我不确定是否定义对象并为其创建事件处理程序等。我想我已经成为 js 黑客太久了!

如果您想了解我当前的代码是什么样的,请参阅 http://jqueryui.com/demos/droppable/#photo-manager我基本上添加了许多其他可放置的东西,并且必须确定我拖动到哪个 div,然后执行各种操作。这又有点hackey。我想让它更有设计感。

我已经开始研究像 Backbone.js 这样的东西,但我想了解如何正确创建我的小部件的建议。

非常感谢

最佳答案

我还在与一个危险增长的 jQuery 应用程序争论。

我发现 Alex Sexton 的这篇文章非常有帮助:http://alexsexton.com/?p=51这也表明您不应该害怕为您自己的页面创建专门的 jQuery 插件来构建您的代码(和您的页面)。

我还阅读了很多关于 Javascript 中的类继承模式的文章,但我发现 Douglas Crockfords 的建议是最明智的:“因为 JavaScript 中的对象非常灵活,所以你需要对类层次结构进行不同的思考。深的层次结构是不合适的。浅的层次结构是不合适的。”层次结构是高效且富有表现力的。” http://www.crockford.com/javascript/inheritance.html .

因此,您的脑海中可能有 MVC 类型模式,但尝试使用尽可能少的对象层次结构来实现它。

关于javascript/jquery 创建小部件并使用继承,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4119046/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com