- 浏览: 1471725 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (798)
- struts2 (42)
- servlet (20)
- quartz (4)
- jquery & ajax (24)
- tomcat (5)
- javascript (15)
- struts1 (8)
- 搜索关键字及链接 (3)
- fckeditor (3)
- Apache (5)
- spring (22)
- linux (3)
- 企业应用 (8)
- 综合应用 (13)
- 服务器 (2)
- 数据库 (85)
- 性能调优 (21)
- 网络应用 (15)
- 缓存技术 (8)
- 设计模式 (39)
- 面试题 (7)
- 程序人生&前辈程序员 (29)
- java基础 (59)
- hibernate (75)
- log4j (4)
- http (11)
- 架构设计 (28)
- 网页设计 (12)
- java邮件 (4)
- 相关工具 (11)
- ognl (7)
- 工作笔记 (18)
- 知识面扩展 (12)
- oracle异常 (1)
- 正则表达式 (2)
- java异常 (5)
- 项目实践&管理 (1)
- 专业术语 (11)
- 网站参考 (1)
- 论坛话题 (2)
- web应用 (11)
- cxf&webservice (22)
- freemarker (3)
- 开源项目 (9)
- eos (1)
- ibatis (6)
- 自定义标签 (3)
- jsp (3)
- 内部非公开文档(注意:保存为草稿) (0)
- 国内外知名企业 (2)
- 网店 (3)
- 分页 (1)
- 消费者习惯 (2)
- 每日关注 (1)
- 商业信息 (18)
- 关注商业网站 (1)
- 生活常识 (3)
- 新闻 (2)
- xml&JSON (5)
- solaris (1)
- apache.common (3)
- BLOB/CLOB (1)
- lucene (2)
- JMS (14)
- 社会进程 (8)
- SSH扩展 (2)
- 消费心理 (1)
- 珠三角 (1)
- 设计文档 (1)
- XWork&webwork (1)
- 软件工程 (3)
- 数据库及链接 (1)
- RMI (2)
- 国内外知名企业&人物 (1)
最新评论
-
司c马:
简介易懂、
OutputStream和InputStream的区别 -
在世界的中心呼喚愛:
解决我的问题
Java获取客户端的真实IP地址 -
bo_hai:
都是些基本的概念呀!
SSO -
tian_4238:
哥们,你也是搞水利这块的吧。
巧用SQLQuery中的addScalar -
loveEVERYday:
java.util.Date、java.sql.Date、java.sql.Time、java.sql.Timestamp小结
强调一下,这篇日志主要还是针对想学前端开发的新朋友写的,不是说我有什么独特见解,而是比较客观的状态,就各种框架的异同和应用场合,需要注意的地方做简单描述,不做具体深入分析,有的地方比较抽象,对于抽象之处大家可以到网上或各大高手博客中深入学习,当然也可以与我继续探讨。
一直以来对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在现在是一个名列前茅的好产品,所以我选择了它。
SilverLighting
微软平台的,只能用在Asp.net中。同样,除了jQuery,Asp.net也不适合与以上等框架集成,因为Asp.net是事件驱动,这些框架都是为消息驱动而生的,勉强应用只会事倍功半,丧失.net本身的优势。
js面向对象编程我一直在提,其实并不难理解,关于这点应该学习下,很有必要。它涉及到代码复用、功能扩展、对象继承、闭包、优化等很多问题,能省去不少编码,便于维护,还能不改变框架源代码而实现不同的功能。
闲话不多说了,希望能给刚走进前端开发的朋友一点帮助。以后可能还会就js面向对象编程再写一篇日志,有兴趣可以来看看。我的QQ是421557193,有兴趣可以与我交流,请注明是IT同行。
发表评论
-
20 个非常有用的jQuery 工具提示插件
2011-09-05 10:16 1064http://www.oschina.net/news/210 ... -
55 个 jQuery 表单插件
2011-08-29 14:46 1181http://www.oschina.net/news/208 ... -
jquery(百科解释)
2011-08-04 17:08 1137Jquery是继prototype之后又一个优秀的Javasc ... -
常用jquery方法大全
2011-07-18 14:17 3常用jquery方法大全.docx -
几种流行的AJAX框架对比:Jquery,Mootools,Dojo,ExtJs,Dwr
2011-07-06 11:34 1820Ajaxian在2007年底对Ajax工具进行了调查,部分调查 ... -
Web前端开发工程师必读的15个设计博客
2011-03-01 18:01 1311http://sd.csdn.net/a/20110301/2 ... -
jquery-web素材
2011-01-21 14:33 1186http://www.htmldrive.net -
Web设计师值得收藏的10个jQuery特效
2010-12-28 10:43 1512jQuery已经不是什么新鲜的事儿,以前总把它认为是非 ... -
反向ajax
2010-12-17 17:49 1243http://192.168.17.114:8080/dwr/ ... -
$.ready()
2010-12-06 16:40 721$(document).ready(function(){ ... -
JQuery中each()的使用方法说明
2010-12-03 11:02 1668JQuery中的each函数在1.3.2的官方文档中的描述如下 ... -
flot
2010-11-29 22:12 1575flot 是一个基本于Jquery的开源Javascript库 ... -
Jquery Messager右下角弹出消息插件
2010-11-29 17:38 2261http://www.94this.com.cn/myCode ... -
JS制作网页的FISHEYE效果
2010-11-03 11:30 1372http://d.download.csdn.net/down ... -
常用jquery方法大全
2010-09-29 11:48 1658更详细的见附件 jQuery中常用的函数方法总结 j ... -
js offsetHeight offsetWidth 解说
2010-09-17 10:42 19400scrollHeight: 获取对象的滚动高度。 scrol ... -
slideup()和slideDown()方法的使用
2010-09-17 10:21 2919最近比较闲,并且前段时间因为一个JQuery的问题卡的很是头疼 ... -
jQuery中的Ajax几种请求方法
2010-08-09 14:04 1928jQuery确实是一个挺好的轻量级的JS框架,能帮助我 ... -
通过jquery实现ajax调用
2010-08-06 16:12 1556要素:struts1 一、 1、test.jsp < ... -
相关知识
2010-08-05 16:17 12731、英文指南http://www.visualjquery.c ...
相关推荐
本课件ppt主要时介绍vuejs框架的学习,从vuejs的安装使用到能够独立使用vuejs进行前端项目开发,由浅到深,从入门到进阶,确保每位同学都能以最简单的案例和方式来理解vuejs框架的使用。本课件使用于前端零基础小白...
浅谈Web前端新技术与性能优化,李桂林,司亚清,HTML5是近十年来web开发标准的巨大飞跃,HTML5并非仅仅用来表示Web内容,它的新使命是将W e b带入一个成熟的应用平台,HTML5提供了视频、�
Android框架浅谈
前端框架对比浅议2016.9.8 Rendering Speed & Performance challenge with Famous Front-End F
浅谈Web App前端设计原则.docx
代码优化很不错的书籍。。看了获益匪浅。。很多细节总结让我知道了如何更好的写代码、
浅谈汽车SOA架构开发和实施过程中的微服务化.pdf浅谈汽车SOA架构开发和实施过程中的微服务化.pdf浅谈汽车SOA架构开发和实施过程中的微服务化.pdf浅谈汽车SOA架构开发和实施过程中的微服务化.pdf浅谈汽车SOA架构开发...
本系列课程是专门为零基础学习Web前端开发的朋友准备的,老师将多年的教学经验与案例相结合,深入浅出,循序渐进,让大家轻松的进入Web开发行业。 本系列课程主要讲述Web开发的前端技术:html、css、JavaScript,...
浅谈基于Web的自动化测试框架设计.pdf
浅谈基于Web的自动化测试框架设计.rar
我一直认为自己是“初级”前端开发工程师,一方面我入道尚浅,只有短短几年,另一方面我自知对技术的钻研并不深入,可能是由于环境的原因,当然最重要的是,我幸运的参与到互联网崛起的浪潮之巅。时势造就了一批技能...
基于1+X证书制度下的高职《web前端设计》课程考核改革浅谈.pdf
浅谈基于Web技术的计算机辅助系统设计与应用研究.pdf浅谈基于Web技术的计算机辅助系统设计与应用研究.pdf浅谈基于Web技术的计算机辅助系统设计与应用研究.pdf浅谈基于Web技术的计算机辅助系统设计与应用研究.pdf浅谈...
浅谈web app的优势和设计的几个重点.pdf
浅谈web开发的水有多深.docx
《Web开发敏捷之道:应用Rails进行敏捷Web开发(第3版)》:Ruby on Rails是一个全套的MVC web框架,它能帮你开发高质量又美观的web应用,而且开发速度快得出乎你想象。你只须集中精力于应用程序本身,Rails就会帮你...
虽然另一大脚本语言PHP也有不少框架,但远没有Python这么夸张,也正是因为Python Web Framework(Python Web开发框架,以下简称Python框架)太多,所以在Python社区总有关于Python框架孰优孰劣的话题,讨论的时间...
浅谈LINUX操作系统下WEB服务器的搭建.pdf
《php和mysql web开发(原书第4版)》将PHP开发与MySQL应用相结合,分别对PHP和MySQL做了深入浅出的分析,不仅介绍PHP和MySQL的一般概念,而且对PHP和MySQL的Web应用做了较全面的阐述,并包括几个经典且实用的例子。...