首页  遛遛圈  社区  订房  订票  参团  更多
登陆: 登陆 注册    找回密码 客服大厅
HTTP://extjs.q.51766.com 复制链接 加入收藏
   嗨!您还没有登录...点击这里登录 最新 | 精华
圈子信息
圈王:
ilove
圈子类型: 技术
地  域: 未知
今日访问: 13
最高访问量: 11003(月)
总访问量: 41351
成员数: 0
创建日期: 2008-05-17
开始深入学习jQuery和extjs 搜索 搜索:
阅读:9103 回复:0
共有0个回复  1
回复 发新帖
楼主 发表于 2008-05-17 15:20:32 举报
ilove
头  衔:圈王
来  自: 北京 海淀区
里  程:45公里
遛 遛 币:2313
发 帖 量:8
注册时间:2004-04-14
最后访问:2008-05-17
主题:开始深入学习jQuery和extjs
我要点评: (0) (0)

任何一种技术框架,都不能为了掌握它而掌握,必然是有一些其它框架无法比拟的特性,才会吸引我们去研究。
  说起java,其实也零零散散写了六七年了:起初是使用alert、setTimeout之类的函数实现简单的页面特效,那时还可以肆无忌惮的使用document.all等对象;后来随着03、04年firefox和xhtml的迅速推广,客观上要求程序员要具备书写标准的跨平台的脚本的能力,于是开始更多的采用DOM技术编写java;紧接着就是05年,ajax风潮席卷了整个IT界,它不但把java的地位提升到了很高的层次,还促进了C/S、B/S程序技术的大融合,此外,MVC的思想也深入人心。
  由于更多的人力投入到java阵营中,催生了很多开源平台的诞生与繁荣,如开山鼻祖prototype,以及后来的dojo、jQuery等等。商业力量也试图占领这块市场,例如Yahoo的YUI(包括后来的YUI-ext),Google的GWT等等。这些开源库都有各自的特点,但始终无法在文档成熟度、表现层展现能力等方面达到整体的高度。直到今年YUI-ext与jQuery进行了整合,并推出了extjs,才比较好的弥补了这些“短板”。目前稳定版本是1.1.1,2.0 ALPHA也刚刚推出,预计又会有大幅度的提升。
  在工作中使用java,无非是要尽可能又快又好的完成PM制定的各项功能特性,例如进行友好的表单验证,拖动/隐藏界面中的一部分内容等等。工期常常是比较紧的,调试也相对繁琐,且要支持各种主流浏览器,那么开发过程客观上就要依赖于稳定的代码库。我打算使用这两种库的主要原因有以下几点:

jQuery可以彻底实现JS与HTML的分离。我们只需要这样写:

view plaincopy to clipboardprint?
$(document).ready = function(){  
//...  

$(document).ready = function(){
//...
}
就可以代替body标签中的onload。从而所有的JS代码都可以从HTML中移出,非常便于维护。

extjs的前端展现比较丰富。例如增加一个toolbar,里面放一个menu,我们只需要这样写:

view plaincopy to clipboardprint?
    var dateMenu = new Ext.menu.DateMenu({  
        handler : function(dp, date){  
            Ext.Msg.alert('Date Selected', 'You chose ' + date.format('M j, Y'));  
        }  
    });  
var menu = new Ext.menu.Menu({id: mainMenu, items: [{text: 'Choose a Date', menu: dateMenu}]});  
var tb = new Ext.Toolbar('toolbar');  
tb.add({text: 'menu', menu: menu}); 

    var dateMenu = new Ext.menu.DateMenu({
        handler : function(dp, date){
            Ext.Msg.alert('Date Selected', 'You chose ' + date.format('M j, Y'));
        }
    });
var menu = new Ext.menu.Menu({id: mainMenu, items: [{text: 'Choose a Date', menu: dateMenu}]});
var tb = new Ext.Toolbar('toolbar');
tb.add({text: 'menu', menu: menu});
就可以实现一个下拉菜单效果,其中有一个功能是选择日期。当选中一个日期后,会弹出一个提示框,显示刚才选中的日期。

JS开发对浏览器透明。
在书写大部分代码的时候,无需考虑太多浏览器的差异,例如创建xmlhttp对象,例如绑定事件,等等。这样可以把精力真正放到业务的实现上去。



阅读:9103 回复:0
共有0个回复  1
回复 发新帖
快速回复 (若想选择表情图、回复通知等完整功能,请点击 回复
游客: 回复验证:  
登陆 注册
找回密码
1 2 3

Copyright 2001-2008 © www.51766.com “有问题?找客服小妹