Jos*_*Noe 5 javascript jquery jquery-ui widget
编辑:为了清楚起见,我不是在质疑jQuery的精彩之处.我到处都用它.我只是不明白使用Widgets优于常规js对象的优势,这些对象利用了jQuery的功能.
我最近不得不在我正在使用的应用程序中使用一些jQuery Widgets,我发现它们非常不直观/丑陋.似乎有许多习惯要学习哪些并没有真正添加任何值,并且语法不适用于智能感知或简单重构.
不要误会我的意思,我经常使用jQuery,如果没有它,我会讨厌生活,只是没有看到小部件约定中的值.我确定我错过了这一点,因为它们如此普遍,所以请告诉我.为什么人们创建jQuery小部件而不是常规的js对象?
过度简化的例子:
常规Javascript对象:
//instantiate & render
var foo = new MyDomain.MyObject('#mySpecialInput', options)
foo.render();
//assign to property
foo.value = 5;
//call method
foo.multiplyBy(2);
//bind event
foo.change(function(){
alert('it changed');
}
Run Code Online (Sandbox Code Playgroud)
Jquery小部件:
//instantiate & render
var $foo = $('#mySpecialInput');
$foo.myWidget(options);
//assign to property
$foo.myWidget('option', 'value', 5);
//call method
$foo.myWidget('multiplyBy', 2);
//bind event
$foo.bind('myWidgetChange', function(){
alert('it changed');
}
Run Code Online (Sandbox Code Playgroud)
最重要的是 jQuery 小部件有助于为您的应用程序带来结构,如果没有它们,您的应用程序将很难维护。当然,它们还提供了很多有用的事件,例如.bind(),有时非常有用。经过一番谷歌搜索后,我发现了这篇关于 jQuery 小部件的文章,其中更详细地介绍了它们的优点。
就我个人而言,我更喜欢手动构建我的脚本(更多),但如果您不想这样做,jQuery 小部件可以提供帮助。
\n\n详细介绍 jQuery 小部件如何添加结构的相关引用:
\n\n\n\n...它提供了在小部件结构之外很难维护的代码组织级别。它将代码从命令式(\xe2\x80\x9ddo this,then,then another thing,绑定到\n click\xe2\x80\x9d)更改为声明式(\xe2\x80\x9dact 就像扩展一样) \xe2\x80\x9d)。这使您可以自由地定义 \xe2\x80\x9cexpando thing\xe2\x80\x9d 的含义,同时不会弄乱或更改应用程序的外层。不再有数百行长\n $(document).ready() 块。
\n
| 归档时间: |
|
| 查看次数: |
1029 次 |
| 最近记录: |