草庐IT

javascript - Sencha Touch 对比 Backbone.js

coder 2024-05-09 原文

就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the help center为指导。




8年前关闭。




Sencha Touch 和 Backbone.js 有什么基本区别,其实已经在backbone.js 里建了一个项目但是不知道Sencha Touch。我必须构建一个 PhoneGap 应用程序,哪个更好?

最佳答案

Sencha Touch(我们的产品)旨在成为一个多合一的应用程序框架,提供您创建美观应用程序所需的所有功能。一切都旨在在所有主要移动浏览器上协同工作。它是一种结构清晰的面向对象的应用程序开发方法。

作为一个“一体化”框架,它为您提供了一整套与分辨率无关的 UI 小部件(轮播、列表、选项卡、工具栏等)、MVC 库、事件管理、实用程序库、动画、主题系统、对象生命周期管理、布局系统、绘图和图表库以及更多你无法动摇的东西......因为它们都是为了协同工作而设计的,所以最初的学习更高,但是一旦你在那里人们发誓它的生产力比其他任何东西都要高光年。

对比

Backbone.js,这是一个简单的 MVC 库。它大约有 1,000 行代码,并为您提供了 5 个类:

  • 型号
  • 查看
  • 路由器
  • 收藏
  • 事件

  • 它依赖于 underscore.js 的实用函数,所以你也需要它。您可能还需要使用单独的模板库以及 DOM 抽象/操作库,如 jQuery 或 jQuery Mobile,它们还有一些 UI 小部件和一堆其他库来构建完整的应用程序。但有些人更喜欢研究和手工策划他们的个人图书馆。

    更新:我想添加更多细节来回应 Ben Bishop 在下面的回答。 Aaron Conran,他是我们 Sencha 架构师的负责人和 Sencha lifer 帮助我解决了这个问题。

    Sencha 和 Backbone 有一定的世界观差异。一般来说,Sencha 倾向于留在 JS 世界,我们希望您的 JS 会生成您的 HTML 内容。另一方面,Backbone 是 HTML 和 JS 之间的混杂。虽然我们相信任何复杂的数据驱动应用程序都可以通过 Sencha 方法得到更好的服务,但使用其中一个没有任何简单的理由。确定细节。

    首先是:类,Ben 在 JS 中声明类的示例将在对象的每个实例中放置每个属性和方法的副本。通常在原始 JavaScript 中工作,您希望将这些放在原型(prototype)上,以便它们在类 MyClass 的实例之间共享。 . Sencha 类系统会自动为您执行此操作。

    此外,在原始 JavaScript 中,用户必须正确理解原型(prototype)继承,以便正确继承或混合特定类。 Sencha 照顾这些,而您不必担心。

    就“魔法字符串”而言(尽管我认为这是一个相当负面的特征)如果您不喜欢它们在 4.x 中,则不必使用它们,相反,您可以将 Ext.extend 与直接标识符一起使用(尽管自 4.0.0 http://docs.sencha.com/touch/2-1/#!/api/Ext-method-extend 起已正式弃用)。

    使用魔法字符串在几个方面很有用。

    首先,我们可以少担心依赖顺序以及何时定义/扩展任何类。这在复杂的应用程序中很重要

    例如
    Ext.define('Turtle', { extend: 'Animal' }); 
    Ext.define('Animal', { });
    

    之所以有效,是因为 Sencha 在定义 Turtle 类之前一直等到定义了 Animal 类。

    相比之下:
    Turtle = Ext.extend(Animal, {
    });
    Animal = Ext.extend({}, {
    });
    

    不起作用,因为我们找不到变量引用 Animal。

    其次,使用字符串意味着我们可以支持动态加载。例如,如果我们有
    Ext.define('MyApp.foo.MyClass', {
        extend: 'MyApp.foo.ParentClass'
    });
    

    如果你遵循严格的类名到 JS 文件夹约定,类加载器知道在哪里加载类,即:
  • MyApp.foo.MyClass 位于 app/foo/MyClass.js
  • MyApp.foo.ParentClass 位于 app/foo/ParentClass.js

  • 这种技术使 Sencha 可以轻松做有用的事情:
    - 类管理器将自动创建适当的对象,而无需创建和管理命名空间
    - 确定任何类或实例的类名
    Ext.ClassManager.getName(myInstance) -> "MyApp.foo.MyClass"
  • 定义特定类时执行某些操作

    Ext.ClassManager.onCreated(function() {
    }, 范围, 'MyApp.foo.MyClass');
  • 支持命名空间重写,例如如果您需要在同一页面中同时运行同一组类的两个版本……您可以将 Sencha Touch 的“Ext”顶级命名空间的命名空间重写为其他内容。

  • 好的,到模板。
    在 Sencha 模板系统中,用户可以将他们的模板嵌入到任何不会乱用它的 HTML 标签中:例如具有自定义类型的脚本标签(或者在 Sencha 的情况下更典型的文本区域)
    var myTpl = Ext.XTemplate.from('theIdOfMyTpl')
    

    您还可以将模板存储在单独的文件中并通过 XHR 加载它们。虽然我们通常建议您在服务器端编写一些内容来管理它以获得良好的性能。

    回复:IDE的
    Sencha Architect 开箱即用地自动处理这些东西(包括它在项目中引用的任何地方等)。我相信我们的 Eclipse 插件也可以处理这个问题,但我必须检查一下。

    关于javascript - Sencha Touch 对比 Backbone.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7254791/

    有关javascript - Sencha Touch 对比 Backbone.js的更多相关文章

    1. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法? - 2

      我遇到了一个非常奇怪的问题,我很难解决。在我看来,我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时,我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性,其中包括href和data-method。再次单击此链接后,我的服务器收到了对新href的请求,但使用的是旧的data-method,即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是,如果我刷新页面,HTML与"new"HTML相同(随返回的JS发生变化),但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

    2. ruby-on-rails - Assets 管道损坏 : Not compiling on the fly css and js files - 2

      我开始了一个新的Rails3.2.5项目,Assets管道不再工作了。CSS和Javascript文件不再编译。这是尝试生成Assets时日志的输出:StartedGET"/assets/application.css?body=1"for127.0.0.1at2012-06-1623:59:11-0700Servedasset/application.css-200OK(0ms)[2012-06-1623:59:11]ERRORNoMethodError:undefinedmethod`each'fornil:NilClass/Users/greg/.rbenv/versions/1

    3. ruby-on-rails - Rails - 理解 application.js 和 application.css - 2

      rails新手。只是想了解\assests目录中的这两个文件。例如,application.js文件有如下行://=requirejquery//=requirejquery_ujs//=require_tree.我理解require_tree。只是将所有JS文件添加到当前目录中。根据上下文,我可以看出requirejquery添加了jQuery库。但是它从哪里得到这些jQuery库呢?我没有在我的Assets文件夹中看到任何jquery.js文件——或者直接在我的整个应用程序中没有看到任何jquery.js文件?同样,我正在按照一些说明安装TwitterBootstrap(http:

    4. ruby - 在 Mechanize 中使用 JavaScript 单击链接 - 2

      我有这个:AccountSummary我想单击该链接,但在使用link_to时出现错误。我试过:bot.click(page.link_with(:href=>/menu_home/))bot.click(page.link_with(:class=>'top_level_active'))bot.click(page.link_with(:href=>/AccountSummary/))我得到的错误是:NoMethodError:nil:NilClass的未定义方法“[]” 最佳答案 那是一个javascript链接。Mechan

    5. node.js - 如何在 Travis CI 上的一个项目中运行 Node.js 和 Ruby 测试 - 2

      我有一个包含多个组件的存储库,其中大部分是用JavaScript(Node.js)编写的,一个是用Ruby(RubyonRails)编写的。我想要一个.travis.yml文件来触发一个运行每个组件的所有测试的构建。根据thisTravisCIGoogleGroupthread,目前还没有官方支持。我的目录结构是这样的:.├──构建服务器├──核心├──扩展├──网络应用├──流浪文件├──package.json├──.travis.yml└──生成文件我希望能够运行特定版本的Ruby(2.2.2)和Node.js(0.12.2)。我已经有了一个make目标,所以maketest在每

    6. STM32的HAL和LL库区别和性能对比 - 2

      LL库和HAL库简介LL:Low-Layer,底层库HAL:HardwareAbstractionLayer,硬件抽象层库LL库和hal库对比,很精简,这实际上是一个精简的库。LL库的配置选择如下:在STM32CUBEMX中,点击菜单的“ProjectManager”–>“AdvancedSettings”,在下面的界面中选择“AdvancedSettings”,然后在每个模块后面选择使用的库总结:1、如果使用的MCU是小容量的,那么STM32CubeLL将是最佳选择;2、如果结合可移植性和优化,使用STM32CubeHAL并使用特定的优化实现替换一些调用,可保持最大的可移植性。另外HAL和L

    7. javascript - jQuery 的 jquery-1.10.2.min.map 正在触发 404(未找到) - 2

      我看到有关未找到文件min.map的错误消息:GETjQuery'sjquery-1.10.2.min.mapistriggeringa404(NotFound)截图这是从哪里来的? 最佳答案 如果ChromeDevTools报告.map文件的404(可能是jquery-1.10.2.min.map、jquery.min.map或jquery-2.0.3.min.map,但任何事情都可能发生)首先要知道的是,这仅在使用DevTools时才会请求。您的用户不会遇到此404。现在您可以修复此问题或禁用sourcemap功能。修复:获取文

    8. ruby-on-rails - 我将 Rails3 与 tinymce 一起使用。如何呈现用户关闭浏览器javascript然后输入xss? - 2

      我有一个用Rails3编写的站点。我的帖子模型有一个名为“内容”的文本列。在帖子面板中,html表单使用tinymce将“content”列设置为textarea字段。在首页,因为使用了tinymce,post.html.erb的代码需要用这样的原始方法来实现。.好的,现在如果我关闭浏览器javascript,这个文本区域可以在没有tinymce的情况下输入,也许用户会输入任何xss,比如alert('xss');.我的前台会显示那个警告框。我尝试sanitize(@post.content)在posts_controller中,但sanitize方法将相互过滤tinymce样式。例如

    9. node.js - 从未编写过任何自动化测试,我应该如何开始行为驱动开发? - 2

      按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。多年来,我一直在使用多种语言进行编程,并且认为自己总体上相当擅长。但是,我从未编写过任何自动化测试:没有单元测试,没有TDD,没有BDD,什么都没有。我已经尝试开始为我的项目编写适当的测试套件。我可以看到在进行任何更改后能够自动测试项目中所有代码的理论值(value)。我可以看到像RSpec和Mocha这样的测试框架应该如何使设置和运行所述测试变得相当容易

    10. ruby - 使用 Selenium WebDriver 启用/禁用 javascript - 2

      出于某种原因,我必须为Firefox禁用javascript(手动,我们按照提到的步骤执行http://support.mozilla.org/en-US/kb/javascript-settings-for-interactive-web-pages#w_enabling-and-disabling-javascript)。使用Ruby的SeleniumWebDriver如何实现这一点? 最佳答案 是的,这是可能的。而是另一种方式。您首先需要查看链接Selenium::WebDriver::Firefox::Profile#[]=

    随机推荐