浅谈我对几个Web前端开发框架的比较 - Web综合 - web - ITeye论坛
浅谈我对几个Web前端开发框架的比较
& 上一页 1
锁定老帖子
该帖已经被评为良好帖
来自: 天津
发表时间：&&
最后修改：
相关知识库：
原文在我的博客中，欢迎大家来访交流
强调一下，这篇日志主要还是针对想学前端开发的新朋友写的，不是说我有什么独特见解，而是比较客观的状态，就各种框架的异同和应用场合，需要注意的地方做简单描述，不做具体深入分析，有的地方比较抽象，对于抽象之处大家可以到网上或各大高手博客中深入学习，当然也可以与我继续探讨。
一直以来对Web前端开发兴趣颇深，用过一些框架产品。在JavaEye上看到一些刚接触前端开发朋友的疑问，犹豫这些产品的前景利弊，不知从何入手。想把自己的一点经验分享给大家，如有不到位之处请一起来纠正。
jQuery
1. 绝对的万金油，核心js只有50K，占用带宽小，门户网站、管理系统，用在哪都可以。
2. jQuery是对js底层dom操作封装最薄的一个框架，没有大量的专有对象，多为提供函数进行dom操作。准确的说，它不是偏重于富客户端的框架，而是侧重于对js dom编程。下面几种才是完整的富客户端的框架。
3. 我认为它最大的三个亮点，一是支持CSS3的大量选择符，想定位或选择一个html元素简直轻而易举。二是灵活便捷的Ajax请求和回调操作。三是事件绑定功能，内部封装了很多事件，想统一为一个页面上的一些元素添加事件很方便，这也提高了复用性和可维护性，避免了页面中出现大量的html属性。合理的编码可以使html与js, css分离开，便于维护。
4. 此外它也封装了很多常用的操作，例如节点的添加删除、常用的动画效果、逻辑判断比较等等。避免了直接使用dom api进行繁琐的操作。
5. 本身提供了可扩展的函数，可以自己编写插件与核心jQuery对象进行集成使用。这也是常用的手段，只要你理解js面向对象编程，熟悉jQuery API，就能写出很多定制的插件，复用在各种地方。
6. 至于jQueryUI，与其他框架不一样的地方在于，它很少用js去生成html，而是把现有的html通过jQueryUI的API加工成想要的效果，关于这点是好是坏，我觉得就是见仁见智的问题了，没有必要争论什么。
7. 新生的jQuery EasyUI不错。
8. 如果今后的更新都保持现在这种模式，我认为它的前景很乐观，什么时候javascript完蛋了才轮到它玩完。
ExtJS
1. 一整套带有UI的js库，封装得很多，很厚，核心js就600多K，这么大的东西门户网站当然就别想了，里面的效果当然也不会运用到门户网站，所以它是专门为管理系统而生的。因为局域网不会有带宽问题。
2. 它与jQuery不同，基本上是纯用js来生成html的，页面里只需引入各个ExtJS库和你自己写的js，不会出现很多html内容，body里基本没什么。所以优化就显得重要了，不然会严重浪费资源。
3. UI就不说了，大家都认可，本来就是为UI而生，它可以做出来桌面级程序的效果。一般来说，一个管理系统的项目如果用Ext，基本就从始至终都是Ext做了，不会像jQuery那样，哪想要了就加在哪，很随意。Ext更像一个整体(虽然它也可以拆开用，不过麻烦，不建议)。
4. 提供了对其他js框架的适配，像对jQuery, prototype等。没实际应用过，就不说了。
5. 理解js面向对象编程在ext中很重要，如果你觉得用jQuery时了解简单的dom和css即可，那你在这就吃大亏了，Ext处处离不开对象的概念。
6. Ext的UI开发类似C#，有很多控件。不同的是，你要全部自己手写，所以开发量较大。现在虽然有Ext Designer可视化工具，但其效果并不很好，生成的代码有的往往不是想要的，不易维护，真做起来还是自己写更方便。
7. 团队开发时，必须保证做UI的人每人都会Ext，而且深入应用过，因为Ext项目是整体，不适于参杂html替代。
8. Ext项目在IE系列浏览器上不可用，相当卡，我想这不是Ext本身的问题，所谓内存泄露等问题现在早已解决了，而且不是关键所在。我开很多网页同时用IE8看jQuery.net官网时有时也会卡，试想他们官网肯定做到很好的优化了吧，jQuery既是如此，何况Ext。反观其他浏览器，FireFox, Chrome等浏览Ext项目都很流畅，所以应该是浏览器对js解析不同造成的。
9. 版权问题，Ext运用在商业项目中是收费的。
Flex& [自己也是在学习中，不敢妄言，以后深入应用后再做补充]
1. Adobe平台的，基于ActionScript实现，用在哪都行，但偏重于内网管理系统，用在门户网站就相当于在线玩Flash游戏，loading...
2. 与Ext不同，它有健壮的可视化开发工具Flash Builder，可以同C#一样进行拖拽布局，生成一种xml，也便于维护。
3. 编译后生成swf文件直接嵌入html即可，提高安全性，浏览时同flash，需要flash player。
4. 与Ext相同，也是属于一个整体，有丰富的控件库。
5. 这条纯属个人观点，HTML5不支持插入对象，也就意味着不能插入swf文件，难道Flex就完蛋了？虽然HTML5不支持Flash是客观事实，但HTML5的统一为时尚远，各大浏览器对HTML5的支持，Adobe是否会有对策，这些会怎么样现在都不好说，HTML5与HTML4并行应该会有很长一段时间，至少Flex在现在是一个名列前茅的好产品，所以我选择了它。
SilverLight
微软平台的，主要是应用在微软系列的语言中，包括CS与BS架构。同样，除了jQuery，Asp.net也不适合与以上等框架集成，因为Asp.net是事件驱动，这些框架都是为消息驱动而生的，勉强应用只会事倍功半，丧失.net本身的优势。
js面向对象编程我一直在提，其实并不难理解，关于这点应该学习下，很有必要。它涉及到代码复用、功能扩展、对象继承、闭包、优化等很多问题，能省去不少编码，便于维护，还能不改变框架源代码而实现不同的功能。
闲话不多说了，希望能给刚走进前端开发的朋友一点帮助。以后可能还会就js面向对象编程再写一篇日志，有兴趣可以来看看。我的QQ是，有兴趣可以与我交流，请注明是IT同行。
zhangdaiping
来自: 北京
发表时间：&&
楼主有时间可以尝试下Ext-Core, 会让你眼前一亮.
请登录后投票
来自: 天津
发表时间：&&
好的 谢谢推荐
Ext-core刚开始看过一点 也是对js dom的封装 但没实际用过...
请登录后投票
等级: 初级会员
来自: 杭州
发表时间：&&
ExtCore vs. jQuery
jQuery UI vs. ExtJs
各位看好哪个？
还有Ext最近被sencha给兼并了，在移动触摸终端上会有所发展
js框架其实还有很多，比如被诟病侵入严重的dojo，还有YUI等等
非js框架Flex，JavaFX等等在HTML5时代，个人不看好它们。
请登录后投票
来自: 长春
发表时间：&&
说的很全面.
我也从应用系统的开发角度说说Flex相关的优缺点.
缺点：
和以往的技术相比，Flex没有JSP这个层次，以往JSP的做用是生成动态的HTML。因为Flex没有类似的和JSP相同作用的技术。所以Flex是纯静态的，是和HTML一样的静态。这种静态直接限制了Flex中ComboBox不能直接拥有动态的不完全确定的Options.，而是Flex显示到客户浏览器上之后，再进行二次请求ComboBox的项。
优点：因为Flex是静态的，他和静态HTML，IMG一样，客户对他的访问过程对WEB服务器没有什么压力。
Flex把这种压力分解到各各客户的机器上了。
缺点：
客户机器上的压力加大的，客户能不能受得了。
缺点：因为其本身的体积较大，所以对网络流亮要求高一些，
还有一种特殊的场景：页面的上的字段个数不一定，就是说有哪些字段是动态的，如果用JSP的话，我可以在JSP中写一个For语句，循环产生input(文本框)和input组件的相关属性与值。但在Flex下，你只能等Flex到客户浏览器之后，再发一个请求问服务器，页面有几个组件？这几个组件的相关属性是怎么样的啊？服务器把这些信息响应回浏览器上的Flex，Flex运用ActionScript脚本动态的去建立文本框组件。但在这个过程中，动态组件的相关属性的描述信息，通过网络传送到客户的机器之中了。浪费了网络流量。
优点：客户的体验非常好。前台开发过程中代码自然、流畅、简洁。在客户端跨浏览器跨系统平台。可以很方便的开发自己所需的个性化组件.
较HTML相比，在代码保护方面有一定的优势。访问者不容易看到Flex的代码。有效的保护的知识产权 。
因为这条优点，所以不能像以前那样，直接从浏览器上看HTML原码进行调试了。
一个大的问题,他对反射支持的不好，
与J2EE的集成开发环境还不是特别的成熟，完善。
请登录后投票
lipeng88213
等级: 初级会员
来自: 北京
发表时间：&&
个人还是比较喜欢jquery 小巧灵活 而且插件繁多 呵呵
请登录后投票
来自: 长春
发表时间：&&
Adobe在Flex方面似乎后劲不足,版本推的很慢,技术提升也不大.
在技术实力上看,长此以往很有可能被MS赶超,远期前途不明朗.
个人看法.
请登录后投票
fight_bird
发表时间：&&
javaest 写道Adobe在Flex方面似乎后劲不足,版本推的很慢,技术提升也不大.
在技术实力上看,长此以往很有可能被MS赶超,远期前途不明朗.
个人看法.
同感，Flex的技术进步速度很慢，我个人怀疑Adobe公司缺少Anders这种大师级的人物，看看MXML的繁复和简陋的API（和JDK比）就知道了，试水Flex有4个月，3个小项目已经完工，在IDE、组件定制等方面却越来越失望，曾经试用过SilverLight，C#组合VS绝对胜过ActionScript与Flash Builder，只可惜对于技术力量有限的中小型公司来说，倒向微软往往意味着放弃Java，放弃和选择都是代价高昂的。
我现在有点犹豫，选Flex也许是个错。
正在调研JavaFX和JQuery类JS前端框架，JS前端框架本已是放弃的方案，原因是性能和开发效率低，现在看看JS引擎风起云涌，性能突飞猛进，是要重新审视了。
请登录后投票
等级: 初级会员
来自: 深圳
发表时间：&&
最后修改：
javaest 写道说的很全面.
我也从应用系统的开发角度说说Flex相关的优缺点.
缺点：
和以往的技术相比，Flex没有JSP这个层次，以往JSP的做用是生成动态的HTML。因为Flex没有类似的和JSP相同作用的技术。所以Flex是纯静态的，是和HTML一样的静态。这种静态直接限制了Flex中ComboBox不能直接拥有动态的不完全确定的Options.，而是Flex显示到客户浏览器上之后，再进行二次请求ComboBox的项。
优点：因为Flex是静态的，他和静态HTML，IMG一样，客户对他的访问过程对WEB服务器没有什么压力。
Flex把这种压力分解到各各客户的机器上了。
缺点：
客户机器上的压力加大的，客户能不能受得了。
缺点：因为其本身的体积较大，所以对网络流亮要求高一些，
还有一种特殊的场景：页面的上的字段个数不一定，就是说有哪些字段是动态的，如果用JSP的话，我可以在JSP中写一个For语句，循环产生input(文本框)和input组件的相关属性与值。但在Flex下，你只能等Flex到客户浏览器之后，再发一个请求问服务器，页面有几个组件？这几个组件的相关属性是怎么样的啊？服务器把这些信息响应回浏览器上的Flex，Flex运用ActionScript脚本动态的去建立文本框组件。但在这个过程中，动态组件的相关属性的描述信息，通过网络传送到客户的机器之中了。浪费了网络流量。
优点：客户的体验非常好。前台开发过程中代码自然、流畅、简洁。在客户端跨浏览器跨系统平台。可以很方便的开发自己所需的个性化组件.
较HTML相比，在代码保护方面有一定的优势。访问者不容易看到Flex的代码。有效的保护的知识产权 。
因为这条优点，所以不能像以前那样，直接从浏览器上看HTML原码进行调试了。
一个大的问题,他对反射支持的不好，
与J2EE的集成开发环境还不是特别的成熟，完善。
第一，Flex没有JSP的层次，Flex的通信基本上都是异步的，而你所说的层次还停留在传统的交互方式上，这是Flex的一个& 优点，并非缺点。
第二，Flex分解压力到各各客户的机器上，如果程序设计合理，适当增加客户机的压力，从而很有效地减轻了服务器的负载，这种情况下，用户表示鸭梨不大，情绪很蛋定。 所以这也是Flex的优点，并非缺点。
第三，特殊的场景， JSP是在服务器端生成HTML的代码（html组件）再返回到客户端显示，Flex是请求服务器得到组件的相关属性（这个数据量要比请求JSP小的多），然后再根据得到的数据现实组件。所以不存在“浪费了网络流量”这样一说。
第四，与J2EE的集成开发环境还不是特别的成熟，完善& 这个只是相对，目前来说已经相对成熟，完善了，Eclipse + MyEclipse + Flex builder(插件版本) 组合的IDE可以整合j2ee + flex一体式工程，debug也比较方便。例外，通信方面结合LCDS/DBS/DGS 使用 RemoteObject进行数据访问。Remote是基于AMF协议，使用AMF协议通信比使用HTTP快10被左右。由于AS3和JAVA语法极为相似，在使用RemoteObject远程对象调用和RemoteClass对象的数据传输，都是比较容易和方便的。这样的通信方式在目前也是比较先进的。
当然Flex也有其很多缺点，比如内存优化和管理，Module的优化等等，我们在学习和使用的过程中需要对其要有客观，正确的认识。
请登录后投票
等级: 初级会员
来自: 深圳
发表时间：&&
不错，简单明了。赞一个。
请登录后投票
& 上一页 1
跳转论坛:移动开发技术
Web前端技术
Java企业应用
编程语言技术Java的前景真的就比web前端好的多吗？ - 知乎232被浏览109422分享邀请回答8481 条评论分享收藏感谢收起74 条评论分享收藏感谢收起查看更多回答3 个回答被折叠（）2017Java和Web前端，学哪个好 - java开发 - 北京尚学堂【长沙官网】JAVA培训_web前端培训_安卓培训_it软件培训机构
长沙尚学堂|十年树人|成就高薪
改变中国IT教育，我们正在行动&&&&全国咨询热线：1
2017Java和Web前端，学哪个好
时间： 15:25:13&&&来源：长沙尚学堂&&&阅读：
& & & & 很多对编程语言感兴趣的朋友，还没开始学编程语言就开始陷入纠结，比如很多朋友就在Java和Web前端前端当中纠结，纠结来纠结去还是不知道自己要学什么?那么就让长沙尚学堂小编来帮你缕清思路。
　　Java和Web前端在当下可以说是当下互联网行业中两大流行趋势，两者在市场上的人才需求都是供不应求，随着互联网的深入发展，两者的人才需求还在不断增大，两者在互联网中的发展趋势都是相当的好，所以这让很多人犹豫不决不知道学哪个好?
　　Web前端学习的妹子比较多，这也在一定程度上说明，Java比起Web前端来说还是难度大一点，所以从入学门槛来说，Web前端比较低，比Java容易学成，如果你是妹子，又急于找工作，那么可以考虑学Web前端。
　　Java和Web前端，学哪个好?重要的事情说三遍，主要是看你的兴趣+兴趣+兴趣，两者学的内容都还是挺庞大的，现在流行JavaWeb,所以JavaSE是必学的，比如jdk源码、ArrayList和LinkedList，HashTable和HashMap等等都是你要掌握的内容。
　　Java和Web前端，学哪个好?Web前端前端变化多端，发展极其快速，这需要你不断保持学习的活力，不然你一不留神，你所学的Web前端技术就过时了。Java则是需要你不断的累积，不断把Java技术练精，随着你项目经验的增加，你会收获很大，前途也是一片大好。
　　以上就是长沙尚学堂小编简单的介绍，希望对你有所帮助，还有更多关于Java跟Web前端相关的讯息，欢迎你到长沙尚学堂官网查看，惊喜多多，收获多多。长沙尚学堂现旗下业务覆盖：JAVA+大数据开发技术培训、UI+H5前端开发培训。如果你有什么疑问，可以在右边弹出的窗口直接询问，会有专业的长沙尚学堂老师为你解答疑惑，也欢迎你直接到长沙尚学堂来实地考察、免费试听。
主讲：马士兵类型：初级教程
主讲：高淇、裴新类型：初级教程
主讲：肖斌类型：高级教程
主讲：张富刚类型：高级教程
主讲：陈博类型：高级教程
微信公众号
微信扫一扫欢迎来到求学快递网！
所有课程分类
惊呆了！广州Java培训发展前景竟是这样
更新日期： 22:05:09
开课日期：随到随学/常年招生
上课时间：自由安排
授课学校：
上课地点：广州市天河区天源路下元岗东大街40号盛亚创新科技园2号楼
求学价：面议
已有29人浏览报名
特色服务：
咨询电话：
您的姓名：
您的手机：
想学什么：
随着IT行业的火热，更多的学者选择到蓝鸥广州java软件培训班来学习，就目前IT行业的发展前景来看，怎样才能尽快拉近自己和企业间的距离成了大家关注的热点。虽然企业对人才的需求旺盛，但很难招聘到合格的Java人才。那么，未来Java工程师的前景如何呢？
从市场薪资看，java工程师的高薪资是不争的事实，工龄在3-5年的开发者拥有年薪十万是在正常不过的事，更多的学员为了快速成为Java工程师，最便捷的途径就是Java培训，它能让你在短期内拉近和他人的差距，能够快速成为企业需求的Java人才。
但话说回来，学精Java语言并不是件容易的事，大多数自学者学完之后只掌握了皮毛，真正实操起来就漏洞百出，想要有效缩短同企业用人需求的差距，去蓝鸥Java培训能，让优秀、实战经验强的老师为你制定合理有序的学习计划，在老师的带领下可以提高你的学习能力、职业能力、个人技术能力等。
互联网的发展已是大势所趋，互联网从业人员也更容易获得高起薪与良好发展空间，无论是对于在校大学生来说，还是已工作几年准备转行的人来说，及时选择热门行业转行可以让自己获得更好的未来。
在Java处于高速发展的阶段，希望那些有意于参见蓝鸥广州java软件培训班的学员要抓住机遇不要再犹豫不决，免得错过拿高薪的机会而后悔。
要不断的从实践中学习，要脚踏实地的学好技术，勤奋联系，也要善于利用网上的资源，譬如蓝鸥广州java视频学习教程，从他人身上吸取经验和教训，让提升个人能力不在成为纸上谈兵的事。强推蓝鸥科技广州java语言培训，入学签订就业推荐协议，详情可咨询企鹅： 林老师
已有19人浏览报名
开课日期：随到随学
已有33人浏览报名
开课日期：随到随学
已有31人浏览报名
开课日期：随到随学
已有32人浏览报名
开课日期：随到随学
已有29人浏览报名
开课日期：随到随学
已有30人浏览报名
开课日期：随到随学
蓝鸥科技有限公司（以下简称“蓝鸥”）——中国移动互联网行业领军品牌。蓝鸥是一家集产、学、研、创为一体的综合性移动互联网研发培训机构，主要致力于VR/AR/游戏开发、HTML5全栈开发、Web安全攻防、UI设计、PHP全栈、Java（大数据）、VD视觉设计、新媒体运营、产品经理等技术人才的培养。蓝鸥强大的师资阵容，纯净的教育理念，严格的管理制度，使其成为了美国苹果公司AATC认证官方授权培训中心、Unity官方授权培训中心，也是目前国内仅有的一家“两大官方授权于一身”的移动互联网培训企业。日，刘辉、李静波、崔亚允，中国移动互联网开发行业的三位领军人物，强强联手，倾力打造，并在开发、技术、教学上，护航蓝鸥一路向前。经过四年的发展，蓝鸥现已拥有在职员工500多人，学员超过3万人。2016年年初蓝鸥被上市公司神州泰岳注资，此次融资将开辟蓝鸥的产业及学科布局。目前，蓝鸥在全国共拥有8家实训中心、3家中心直属分院和1家项目研发基地，分别是：北京实训中心、上海实训中心、广州实训中心、大连实训中心、郑州实训中心、西安实训中心、武汉实训中心、成都实训中心、北京中心直属分院(石家庄)、大连中心直属分院(哈尔滨)、成都中心直属分院和上海项目研发基地。蓝鸥科技有限公司(以下简称“蓝鸥”)独创“FCBS”实训体系，(Foundation基础+ Career职业+ Breakthrough 突破+ Solution 解决方案)，颠覆了移动互联网研发培训行业“喂奶式”的教学模式，集产、学、研、创于一体化，以真实的企业级项目打造高薪技术人才。到目前为止，蓝鸥已经与5000多家企业和1200多所高等院校展开合作；并在苹果App Store上线项目超过1000款；累计为腾讯、百度、新浪、阿里巴巴、网易、360、凤凰网、用友、神州数码、乐视网、开心网、去哪网、高德地图、中关村在线、58同城、汽车之家、陌陌科技、搜狐畅游、触控科技、胡莱游戏、联众游戏等企业输送15000多名高级开发工程师。蓝鸥学员良好的职业技能和素养受到了企业的一致好评，最高口碑率达到90%，平均口碑率超过80%，创造了移动互联网研发培训界的奇迹。蓝鸥秉承 “让教育回归本质”的理念，强化责任心，严把质量关，实行封闭式管理，采取严格的考核和测评机制。蓝鸥高品质的服务赢得了社会各界的广泛关注和高度赞誉：2015年9月北京工业大学的留学生，赞比亚王子和刚果公主慕名参加蓝鸥实训课，收获颇丰。他们大加赞赏蓝鸥提供的教学环境、教学内容和教学管理，甚至表示：“可以把技术引进到我们的国家，欢迎蓝鸥到我们的国家去普及、传播先进的移动互联网开发技术，希望蓝鸥坚持本色，像海鸥一样越飞越高”。蓝鸥——蓝海搏浪，鸥翔长空!让我们用蓝鸥人的勇敢执着坚韧，去践行蓝鸥的成长轨迹......
免责声明：
本站为免费网络服务提供商，为注册用户提供免费信息存储空间服务，网站所有信息均为用户自行发布并由用户承担相应法律责任，本站不对用户发布的信息进行修改及审核，不对发布信息的真实性及合法性负责，如涉及侵权或者信息违法的请你及时与本站联系进行删除以保障你的合法权益。
天河区天源路下元岗东大街40号盛亚创新科技园2号楼
查询学校路线
选择出行方式： 公交
选择出发地：查询
企业认证普通会员 1年
机构人气度：740
信用档案：
站内注册：
课程总数：共77个
主营业务：java大数据、html5、VR、php培训
咨询老师：林老师
new新闻资讯
go猜你喜欢
云南特色鲜花饼在哪里有培训学校--昆明顶正小吃学校欢迎您
合肥电脑培训班 0基础学不会怎么办？电脑速成培训学校
合肥3D效果图培训 合肥3Dsmax培训 学高端技术助你100%就业
合肥网页设计培训 合肥淘宝美工培训 专业短期学习拿高薪
合肥平面广告设计培训 Photoshop图片精修班 专业名师授课
2015年北京举办符仲华浮针疗法治疗疼痛培训班
人气度：16194
hot您的足迹
微信扫描二维码，马上联系商家
1、微信扫描二维码
2、关注“求学快递网”公众号
3、点击给商家留言
您的姓名：
您的手机：
想学什么：
消费者保障
官方微信公众号
扫描二维码关注公众号
反馈类型：
问题描述：
您的联系方式：
客服电话：020-