回顾一下我刚刚构建的一个内部系统,常见的服务器/页面模型,在一些 UI 组件中少量使用了 Ajax。我不确定我是否对最终结果感到满意,因为我们似乎在前端花费了太多时间。不喜欢在样式设计上遇到所有麻烦并确保 CSS 正常工作。
所以我开始思考,前端有没有更好的工具?
Flex 和 ExtJS 如何比较?也许在这些领域?
最佳答案
我将从我的执行摘要开始:
如果我现在必须选择,我会选择 Flex。数据绑定(bind)和服务器通信设置起来非常简单、直观且快速。您会发现,如果您正在做大量的布局和 MVC 样式框架的 View ,那么 Flex 可能会让您更快地进行设置,并且它会更容易阅读。
比较标记
Flex 非常关注 MXML,这是一种标记语言。对于大多数开发人员来说,这将是全新的,所以如果他们已经知道 HTML/JavaScript/CSS,那么这可能是一个问题。 Flex 的优势在于它不像 HTML 那样受到限制。如果你想要一个属性或数据绑定(bind),你可以直接在标签上做。也许并不总是所有事情的最佳实践,但你可以。
ExtJS 采用了使用 JavaScript 增强标准标记的方法,因此虽然您的 HTML 确实需要做好,但真正发挥作用的是 JavaScript。
组件/功能
Flex 更擅长数据处理。它使用 E4X,这是一种使用点语法的内联 XML 查询语言。 BookCase.Books.Book[@id=43].@title,例如。
ExtJS 也做数据绑定(bind),但它更冗长,而且不像 Flex 那样简单。
Flex 有很多非常好的内置组件,用于布局建模、输入和图表。它们易于使用,具有通用样式界面(通常),并且可以具有自定义样式和 CSS 子集,以及一些专有扩展。 ExtJS 使用标准的 CSS 标记,而不仅仅是一个子集。
ExtJS 比 Flex 有更多的插件和组件,而且 Menu 控件的可定制性更高,看起来也更好。默认样式在 ExtJS 中也更漂亮一些。
布局引擎
在我看来,Flex 赢得了这一胜利。如果你想要一个列布局,你可以做一个网格或一个流布局来实现它,并且在大约 4 行 MXML 中。在 Ext 中同样需要一个 Javascript 对象通过一个布局类来传递。 IMO,实际使用起来更加困难。
实现
这两个系统都易于部署和维护。复制文件,如果您正在进行持续集成,两者都将起作用。
可测试性
您可以将 jsUnit 用于 ExtJS,将 FlexUnit 用于 Actionscript。管理这种可测试性的难易程度完全取决于您对开发风格的控制。这两个框架都将导致 UI 与值得测试的代码混合在一起,默认情况下 ExtJS 需要更多的分离。
如果设置正确,这里没有明显的优势。
性能
遗憾的是,Windows 上的 Internet Explorer 具有最好的 Flash 性能。如果您使用的是 Mac,您可能会在初始插件加载过程中看到速度缓慢。生产中的 Flex 需要运行生产版本,并且您需要运行生产 Flash 播放器,而不是调试版本。在我们的环境中,正式版 + 正式版 Flash Player 将初始加载时间减少了 4-6 秒,因此请务必比较苹果。
Flash 中的动画会更快,但老实说,除非您进行大量数据处理,否则您不会真正看到很多性能问题。如果这个应用程序有很多动画图表、滑动动画和类似的东西,你应该使用 Flash。这就是它的目的,它擅长于此。如果你只是想隐藏和显示屏幕的一部分,或者做一些基本的动画,ExtJS 会赢。
可维护性
两者都有成为怪物的严重潜力。如果每个人都用 MXML 编写代码并且从不编写脚本或外部 CSS,那么 Flex 将是一个怪物。如果你过度设计如何处理数据和布局管理器,ExtJS 将是一个怪物。
好消息是,两者都可以以开发人员友好的方式成功维护,并且都可以融入持续集成过程,从头到尾。
希望这可以帮助。
关于javascript - Flex vs ExtJS 用于内部系统前端,它们的优缺点是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3073841/
类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc
我有一个模型:classItem项目有一个属性“商店”基于存储的值,我希望Item对象对特定方法具有不同的行为。Rails中是否有针对此的通用设计模式?如果方法中没有大的if-else语句,这是如何干净利落地完成的? 最佳答案 通常通过Single-TableInheritance. 关于ruby-on-rails-Rails-子类化模型的设计模式是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.co
大约一年前,我决定确保每个包含非唯一文本的Flash通知都将从模块中的方法中获取文本。我这样做的最初原因是为了避免一遍又一遍地输入相同的字符串。如果我想更改措辞,我可以在一个地方轻松完成,而且一遍又一遍地重复同一件事而出现拼写错误的可能性也会降低。我最终得到的是这样的:moduleMessagesdefformat_error_messages(errors)errors.map{|attribute,message|"Error:#{attribute.to_s.titleize}#{message}."}enddeferror_message_could_not_find(obje
我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%
我主要使用Ruby来执行此操作,但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式,例如使用这个yaml文件,它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i
为什么4.1%2返回0.0999999999999996?但是4.2%2==0.2。 最佳答案 参见此处:WhatEveryProgrammerShouldKnowAboutFloating-PointArithmetic实数是无限的。计算机使用的位数有限(今天是32位、64位)。因此计算机进行的浮点运算不能代表所有的实数。0.1是这些数字之一。请注意,这不是与Ruby相关的问题,而是与所有编程语言相关的问题,因为它来自计算机表示实数的方式。 关于ruby-为什么4.1%2使用Ruby返
它不等于主线程的binding,这个toplevel作用域是什么?此作用域与主线程中的binding有何不同?>ruby-e'putsTOPLEVEL_BINDING===binding'false 最佳答案 事实是,TOPLEVEL_BINDING始终引用Binding的预定义全局实例,而Kernel#binding创建的新实例>Binding每次封装当前执行上下文。在顶层,它们都包含相同的绑定(bind),但它们不是同一个对象,您无法使用==或===测试它们的绑定(bind)相等性。putsTOPLEVEL_BINDINGput
我可以得到Infinity和NaNn=9.0/0#=>Infinityn.class#=>Floatm=0/0.0#=>NaNm.class#=>Float但是当我想直接访问Infinity或NaN时:Infinity#=>uninitializedconstantInfinity(NameError)NaN#=>uninitializedconstantNaN(NameError)什么是Infinity和NaN?它们是对象、关键字还是其他东西? 最佳答案 您看到打印为Infinity和NaN的只是Float类的两个特殊实例的字符串
如果您尝试在Ruby中的nil对象上调用方法,则会出现NoMethodError异常并显示消息:"undefinedmethod‘...’fornil:NilClass"然而,有一个tryRails中的方法,如果它被发送到一个nil对象,它只返回nil:require'rubygems'require'active_support/all'nil.try(:nonexisting_method)#noNoMethodErrorexceptionanymore那么try如何在内部工作以防止该异常? 最佳答案 像Ruby中的所有其他对象
关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭8年前。Improvethisquestion为什么SecureRandom.uuid创建一个唯一的字符串?SecureRandom.uuid#=>"35cb4e30-54e1-49f9-b5ce-4134799eb2c0"SecureRandom.uuid方法创建的字符串从不重复?