jQuery小部件开发 - 我可以使用MVC模式吗？

Question

我一直在使用knockoutjs和backbone来创建单页JavaScript应用程序.我使用骨干模型和淘汰视图模型,但我也有很多UI控件,我已经使用jQuery UI小部件工厂来创建.

我的问题是如何更好地构建我的jQuery小部件中的代码.像knockout/backbone/ember这样的框架可以很容易地在主应用程序中实现MVC类型模式,但是当涉及到小部件开发时,我最终会拥有一大堆输出和操作DOM元素的代码.我仍然可以测试这个,因为jquery可以很容易地查询DOM,但代码非常难看.理想情况下,我想在我的小部件中也有一个MVC模式.

是否有任何图书馆或框架旨在帮助解决这个问题？

Answer 1

我只能帮助 MVC 中的“V”部分:) 制作 DOM，我更喜欢 OOCSS 概念，其中每个类继承父类的属性，但你可以将它们集成在一起。

OOCSS

<div class="mod"> 
    <b class="top"></b>
    <div class="inner">
        <div class="bd"></div>
    </div>
    <b class="bottom"></b> 
</div>

https://github.com/stubbornella/oocss/wiki/Module

jQuery用户界面

<div class="ui-widget ui-widget-content">
  <div class="ui-widget-header"></div>
  <div class="ui-widget-content"></div>
</div>

http://jqueryui.com/docs/Theming/API

混合 OOCSS 和 jQuery UI

<div class="mod ui-widget ui-widget-content">
  <div class="top ui-widget-header"></div>
  <div class="inner ui-widget-content"></div>
  <div class="bottom ui-widget-footer ?"></div> 
</div>