`
Saito
  • 浏览: 44450 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

Flex and Extjs ..

FlexjQueryEXTIE企业应用 
阅读更多
  flex and extjs 两个都是我曾经想尝试的东西. 没想到在实习的时候都尝试到了..

  上个月 Pamirs-Muztag 的 Console是用extjs做的. 我跟师兄负责Console的开发.其实我之前js都没怎么用过.更别说Firebug了. 不过说实话. extjs的开发跟纯的js开发基本没有关系. 当然我也上手了一段时间 .( 说实话在期间师兄给了我一本<<深入浅出extjs>>.. 那本书上基本上都是例子. 看得我很不爽. 还不如直接去看Ext官网上的example. ) flex是期间我们有一个将jpdl的东西展示成图片的需求. 我又试用了一下flex . 说是flex 其实就是as .  同为ecmaScript .差距为什么这么大.  这个很郁闷..

  现在对比一下这两个的优缺点. 其实说实话. 我现在并没有看到extjs 跟flex相比有什么优势可言.
  首先从 可用的IDE 开始.  extjs: Spket插件来写Extjs . 可用的 可视化编辑器 现在正在完善.. 而且是3.0版本的.  我们是 2.2.1 .  而且好像3.0版本有版权问题. flex : Flex builder  . 可以试用 60天. 完全足够你开发. 内置可视化编辑器. 所见即所得.从开发体验上. flex完全胜出.

  再从整个 开发过程来说.extjs: 最让我郁闷的就是如果你稍稍写的有一点不规范.整个页面就会挂掉. 如果你侥幸页面显示出来了. 等待你的就是更深入得问题. ie 跟 firefox会有一些不兼容的表现出来. 有时候因为一个逗号. Firefox能显示. ie就挂掉了. 搞得人很郁闷. 而flex 由于是编译型的 .. 会在你保存的时候. 直接提示你错误. 而不是在解释的过程中报错. 这一点就要方便许多.而且flex . 由于是基于flash的虚拟机.所以所有的平台不存在兼容性问题.可以保证所有平台一致..再就是调试方面. 基于FlexBuilder可以很方便的提供给你. 而Extjs就要差很多. 基本上大部分人都是Firebug . 但是在firefox上保证程序正确. 并不一定能保证 ie 下也能正常显示. 这点搞得我很郁闷.
 
  从上手性来说. flex 跟 extjs 我之前都没怎么接触过. 但是flex对于一个Java程序员来说还是还是要好上手许多. 几乎没有什么学习成本.  而 extjs 还是比flex要更难上手一些. 

  从结果来说 .extjs 在全部使用量过大的情况下. 客户端会出现过卡的情况. Flex暂时我还没有这种体验.

==========================================================================================


  其实flex 与 其他JavaScript框架最大的不同在所谓编程范式.. pure的flex项目是完全不需要web框架的.. blazeDs替你完成了稍微类似的功能(替你容纳了复杂度.但实际上并不一样)..

  flex在单一模块过大的情况下也会出现问题.但是有分module的解决方案. 各种lazy就可以了..

  在企业内部.组件化的开发方式已经成为标配的情况下. 由类似flex或者extjs这类替你完成视觉组件.公司在视觉组件之上发展业务组件就已经能大大提升生产力了..


                                                                                                          2010-4-27
5
顶
1
踩
分享到：
| phprpc可真是神器啊..
评论
34 楼 jersey109 2011-10-06  
Saito 写道
Frederick 写道
就版权而言，ExtJs2.2.1 和 ExtJs 3.0是同样的版权，ExtJs2.0.2才和他们不一样...而且Flex不是开源的，是商用的。

    这个有点小疑问.. 话说Extjs 在3.0的时候换版权了. 我倒是没有真的再去咬文嚼字过.  这个暂且不表..

    Flex SDK 是开源的没错. 不知道你指的商用从何而来. 应该指的是Flex Builder吧. Flex builder有60天的试用期. 其本身IDE确实是商用的.. 但是并不妨碍你试用啊..

    话说我的 processDesigner 用了两个礼拜就完成了第一版的功能. . 60天绰绰有余. 不够再重装一遍嘛..





试用版原则上只能用来学习用,不能用于开发商业项目,
33 楼 jersey109 2011-10-06  
Flex builder developer是免费的还是收费的,60天那个不算只要是用于商业开发,理论上都需要收费.
32 楼 chrislee1982 2010-04-09  
js跨浏览器的问题，本来就是js的硬伤。
31 楼 fs_plane 2010-01-29  
自行车 写道
FLEX什么都好，就是生成的文件太大了。一般都五百K以上。



500K以上??? 不知道你怎么写的代码
一般优化编码 小型页面一般在100K左右
较大型页面一般也不会超过200K 超大型页面才有可能超过300K
30 楼 marcoojoey 2010-01-25  
就我而言 我喜欢 直接用AS开发了。。

用flash好了
29 楼 deyami 2010-01-20  
aws 写道
开发速度，关键在于你怎么用EXTJS

如果系统完全是组件式的开发，做企业级应用其实很快的，而且可以说是随着你积累的自定义EXT组件越多，开发速度就越来越快，到后期绝大部分情况下只要做做布局，new一下之前的组件，修改一下调用的url，基本就什么都搞定了，功能很快就能实现，修改页面布局也很方便

但是如果还是按HTML那种绑定到DOM的方式，或者绑定到全局变量的方式，而没有可复用的扩展组件的积累，也没有明确的把组件和布局区分开，那么自然你就惨了


顶,Ext与jquery相比组件化和面向对象的思想更明显些。如果仍然沿用过去的getElementById方式，反倒会事倍功半。
另外，Ext的代码还是挺优雅的，实现思路非常清晰，个人觉得很赞。
28 楼 aws 2010-01-13  
开发速度，关键在于你怎么用EXTJS

如果系统完全是组件式的开发，做企业级应用其实很快的，而且可以说是随着你积累的自定义EXT组件越多，开发速度就越来越快，到后期绝大部分情况下只要做做布局，new一下之前的组件，修改一下调用的url，基本就什么都搞定了，功能很快就能实现，修改页面布局也很方便

但是如果还是按HTML那种绑定到DOM的方式，或者绑定到全局变量的方式，而没有可复用的扩展组件的积累，也没有明确的把组件和布局区分开，那么自然你就惨了
27 楼 wasw100 2010-01-13  
我们公司也用extjs开发，但是感觉有点慢，很不爽，个人更倾向jquery，运行速度还是很重要的
26 楼 zinc_chen 2009-11-27  
我做ExtJS的,最近想转Flex,但是又不想转了,因为发现复杂表头(2重或者3重,然后锁定)等操作都很困难的.
25 楼 llfzy 2009-10-12  
<p>还是比较喜欢FLEX！</p>
<p> </p>
<p> </p>
<p> </p>
<p><a href="http://s.click.taobao.com/t_1?i=qz78fN%2Bpk8BTuQ%3D%3D&amp;p=mm_14292671_0_0&amp;n=11"><br>入门单反新王者 佳能高清500D套机（含18-55IS镜头）</a><br><a href="http://s.click.taobao.com/t_1?i=qX1fEUekOgm0qg%3D%3D&amp;p=mm_14292671_0_0&amp;n=11">【国庆特价】台湾微米1200万高清摄像机HDVH20 D80 HD-D10升级版</a><br><a href="http://s.click.taobao.com/t_1?i=qvYi2aN5Z3nzeA%3D%3D&amp;p=mm_14292671_0_0&amp;n=11">◥◣全国联保 大陆行货◢◤索尼T900 &lt;高清视频&gt; 国庆促销300台</a><br><a href="http://s.click.taobao.com/t_1?i=qvezK1P3Kbqvog%3D%3D&amp;p=mm_14292671_0_0&amp;n=11">09年新款DDV-6800HD数码相机摄像带遥控MP3/MP4 升级1600万像素</a><br><a href="http://s.click.taobao.com/t_1?i=qvQus%2F2p41Lujg%3D%3D&amp;p=mm_14292671_0_0&amp;n=11">国庆促销 [酷拍] 高清防抖数码摄像机,1200万像素</a><br><a href="http://s.click.taobao.com/t_1?i=qXn%2BA9WaqYRvCg%3D%3D&amp;p=mm_14292671_0_0&amp;n=11">K800/K600姊妹机■特价！尼柯K99■500万像素 4倍变焦 摄像 扩展</a><br><a href="http://s.click.taobao.com/t_1?i=qXssJ92egGbuAg%3D%3D&amp;p=mm_14292671_0_0&amp;n=11">松下LX3GK 正品大陆行货★ 千万像素+24mm超广角 ★钻石信誉</a><br><a href="http://s.click.taobao.com/t_1?i=qXMWriRrolnhAw%3D%3D&amp;p=mm_14292671_0_0&amp;n=11">五一特价 DV-592(DV592)升级版1600万像素超大3.0屏数码摄像机</a><br><a href="http://s.click.taobao.com/t_1?i=of9UcXaRZj6i&amp;p=mm_14292671_0_0&amp;n=11">1200万像素3.0屏带MP3/4多功能数码摄象机 DV-568(DDV-V8)<br></a><a href="http://s.click.taobao.com/t_1?i=qXpboEyxxOA%2BPQ%3D%3D&amp;p=mm_14292671_0_0&amp;n=11">1200万数码相机/摄像 美柯隆数码相机 536/1288 支持4G</a><br><a href="http://s.click.taobao.com/t_1?i=qveyF7B3BMxljg%3D%3D&amp;p=mm_14292671_0_0&amp;n=11">微米HDV-H20高清数码摄像机 5倍光变 1200万相素 防抖功能+套餐</a></p>
24 楼 cqhydz 2009-10-12  
ext提供的是套程序实现，而flex提供的是一种开发工具。定位还是有区别的。extjs提供了一种可复制的写作程序方式，如果入手就会发现其开发程序还是很快的。flex则需要自己建立库这样对开发效率上要差些。
有关效率，extjs的确很不理想，主要是集中在内存与运行是迟缓，但flex老实说仍不能让人放心，主要集中在程序较大还有就是对复杂界面处理仍基本同extjs差不多迟缓，flex在通讯上要比extjs好，在容错性比extjs好。
23 楼 wuxi15932077655 2009-10-02  
不错评价！  本人对js一点也不喜欢！ 
22 楼 J-catTeam 2009-09-30  
·····EXT 一般在大型开发中使用会用到很少一部分的，这个东西太重了，··对性能有影响的吧
21 楼 icewubin 2009-09-30  
sjbrising 写道
FLEX有的时候在不同的浏览器下也会表现出不一致的地方。
另外，flex builder也并不是你说的全是在编译阶段就给出错误提示。有的时候也是在编译的时候完全没有问题，但在运行的时候出现问题。

你这么说就没什么建设性了，你说的问题是有，但是比例占多少呢？

Flex的浏览器不一致问题要比JS的少很多。

虽然不能全部编译器检查，但是也有很多啊。

就算Java也有不能编译器检查的语法啊。
20 楼 sjbrising 2009-09-30  
FLEX有的时候在不同的浏览器下也会表现出不一致的地方。
另外，flex builder也并不是你说的全是在编译阶段就给出错误提示。有的时候也是在编译的时候完全没有问题，但在运行的时候出现问题。
19 楼 icewubin 2009-09-27  
znjq 写道
ExtJs的问题不可能短时间内解决,dom复杂,复杂界面下性能也不理想,只能寄希望于浏览器性能的提升.
Flex也有很多问题,体积大,代码臃肿.企业级应用也未必都是在同一个局域网.

企业级应用当然不局限在局域网（否则EXTJS在国内应用场景更小），但是大部分是。
18 楼 znjq 2009-09-27  
ExtJs的问题不可能短时间内解决,dom复杂,复杂界面下性能也不理想,只能寄希望于浏览器性能的提升.
Flex也有很多问题,体积大,代码臃肿.企业级应用也未必都是在同一个局域网.
17 楼 Saito 2009-09-26  
话说最近hooopo在用JQuery的时候.. 被QJ了..


我同事在用JQuery的时候.. 由于前端比较菜. 用JQuery UI .结果FF 跟 IE 下不兼容. 杯具了..

JQuery胜在插件够多. 实际上JQuery的源码写的很有个人英雄主义风格.

前端时间 yuan 介绍我看了mootools的源码.. 很清新.. 这样的开源框架以后会更有前途些吧..

btw: 1.我不喜欢$符号 2.js的浏览器兼容时代结束的话.一切都将不同..
16 楼 icewubin 2009-09-26  
Saito 写道
    其实我这篇文章不是直接发到论坛上面来的. 是我写在自己的博客里面.但是JE推出了Flash版. 不知道什么原因.我这篇文章"被"拉到这里来了. 献丑了 ..

    话说最近我这篇文章的主旨跟ice的结论没有任何出入.. Flex在互联网应用中可以承担小一局部的 .. 整站Flex在国内还不现实..当然整站Extjs也不现实..

    hack js & css往往会让你蛋疼..对于没有专业的UED的团队来说. .现在兼容各大浏览器厂商还是有一定难度的. 而Flex就可以避免这一点. .

    从语言角度来说. as应该要被js完爆的.. js写好了还是蛮优雅的..as呢?

互联网不要说整站EXTJS，部分EXTJS都不划算，因为部分效果正好是jquery的强项，而整站其实是EXTJS的强项。

以我现在公司为例，既有暴强的前端（JS、jquery）开发人员，又有很强的flash（flash、flex一起用的）开发人员，而且他们基本都是设计出身，太专业了。。。由于职责细分，界面设计还轮不到前端的人来做，有更专业的设计人员出设计图。
15 楼 Saito 2009-09-26  
    其实我这篇文章不是直接发到论坛上面来的. 是我写在自己的博客里面.但是JE推出了Flash版. 不知道什么原因.我这篇文章"被"拉到这里来了. 献丑了 ..

    话说最近我这篇文章的主旨跟ice的结论没有任何出入.. Flex在互联网应用中可以承担小一局部的 .. 整站Flex在国内还不现实..当然整站Extjs也不现实..

    hack js & css往往会让你蛋疼..对于没有专业的UED的团队来说. .现在兼容各大浏览器厂商还是有一定难度的. 而Flex就可以避免这一点. .

    从语言角度来说. as应该要被js完爆的.. js写好了还是蛮优雅的..as呢?
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    extjs指南是学习extjs不错的资料

    例如，Adobe的Flex、Sun的JavaFX、Microsoft的WPF/Silverlight以及基于标准W3C技术的Ajax，都是实现RIA的不同选择。 Ajax，即Asynchronous JavaScript and XML，是构建RIA的核心技术之一。它允许网页部分更新，而...

    Ext类似于flex树插件及调用demo

    本篇文章将重点讲解EXTJS中的树形组件（Tree），以及如何使用EXTJS开发一个类似于Flex树的插件，并结合提供的"TreeDemo"来探讨其功能和调用方法。 首先，EXTJS中的树形组件（Tree）是EXTJS的treePanel，它用于展示...

    老师整理的extjs学习笔记

    flex: 1 } ], buttons: [ { text: 'Close', handler: function() { this.up('window').close(); } } ], renderTo: Ext.getBody() }).show(); ``` **4.3 Ext.TabPanel 应用例子** `Ext.TabPanel` 是一...

    28个强大的数据可视化工具

    11.FlexMonster Pivot Table and Charts：FlexMonster提供了枢纽分析表Flex/Flash组件，用于互联网应用程序开发。 12.FusionCharts：FusionCharts是一个用于WEB应用程序的动态Flash表格，可以采用大部分技术。 13....

    Magento商城_目录结构说明

    - `flex`：与Flex相关的库。 7. **js目录**： - JavaScript资源，包括： - `blank.html`：用于JavaScript加载。 - `index.php`：JavaScript缓冲程序。 - `varien`, `scriptaculous`, `prototype`, `mage`, `...

    Web测试技术大全

    此外，还需要特别关注ExtJS等库的特定组件的测试方法。 #### Flex功能自动化测试 Flex是一种用于构建RIA的技术，它的测试也具有一定的特殊性。QTP支持对Flex应用程序的自动化测试，可以通过安装Flex插件来识别和...

    Ajax文档

    Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换来实现这一点，使得网页应用能够快速地响应用户请求，并提供更加流畅...

Magicbox
Global site tag (gtag.js) - Google Analytics