JavaScript进阶(十一)JsJava2.0版本

举报
SHQ5785 发表于 2020/12/30 00:25:09 2020/12/30
【摘要】 JavaScript进阶(十一)JsJava2.0版本       2007年9月11日,JsJava团队发布了JsJava2.0版本,该版本不仅增加了许多新的类库,而且参照J2SE1.4,大量使用了类的继承和实现机制,更加符合面向对象的原则,也更加方便用户使用和扩充,而且对原来版本中存在一些bug进行了修改,下面主要介绍一下2.0版的主要功能。 1. 实现了完整的聚集(co...

JavaScript进阶(十一)JsJava2.0版本

      2007911日,JsJava团队发布了JsJava2.0版本,该版本不仅增加了许多新的类库,而且参照J2SE1.4,大量使用了类的继承和实现机制,更加符合面向对象的原则,也更加方便用户使用和扩充,而且对原来版本中存在一些bug进行了修改,下面主要介绍一下2.0版的主要功能。

1. 实现了完整的聚集(collections)框架

   主要包括列表(List)、哈西表(Hashtable)、集合(Set)、位集合(BitSet)、属性表(Properties)、迭代器(Iterator)、堆栈(Stack)、枚举器(Enumeration)、比较器(Comparator)等等,这大大方便了与聚集相关的操作,例如:

    var list=new ArrayList();

    list.add("a");

    list.add("b");

    list.add(new Date());

    Iterator it=list.iterator();

    while(it.hasNext()){

      var elem=it.next();

   }

   var hash=new Hashtable();

   hash.put("key1","value1");

   hash.put(new Date(),"value2");

   var set=new TreeSet();

   set.add("a");

2. 实现了xml的处理

   主要是对主流浏览器的内置xml解析做了封装,2.0版本中对非IEXpath做了很好的封装,因此可以直接使用JsJava2.0xpath来处理xml文本,下面举一个使用JsJava xml处理的例子:

    var xp=new XmlBrowserParser();

    var xml="user1user2user3";

    xp.loadXml(xml);

    var xmlDoc=xp.toDocument();

    var usersElem=xmlDoc.getElementsByTagName("user");

    document.write("The number of user tag:"+usersElem.length);

    //You can alse use xpath

   var usersElem= xmlDoc.documentElement.selectNodes("user");

   document.write("The number of user tag:"+usersElem.length);

3. 实现了对部分高等数学算的支持

    包括矩阵、概率分布、统计、复数等等,具体可以参考http://jsjava.sourceforge.net/solutions/mathsolution.html ,下面举一个简单例子:

    var c=new Complex(3,5);

    document.write(c.abs()+"");

    document.write(c.add(new Complex(5,7))+"");

    document.write(c.conjugate()+"");

    document.write(c.isInfinite()+"");

    document.write(c.isNaN()+"");

    document.write(c.multiply(new Complex(6,6)).getReal()+"");

    document.write(c.negate()+"");

    document.write(c.subtract(new Complex(2,4)));

4. 实现了对日期和数字的格式化处理

      这个在实际编程中是非常方便的,例如:

    var df=new SimpleDateFormat();

    df.applayPattern("MM-dd-yyyy hh:mm:ss");

    var str=df.format(new Date());

    alert(str);//结果形式形如:11-25-2006 13:23:35

    var df=new DecimalFormat();

    df.applayPattern("00.000%");

    var str=df.format(0.0678567);

    alert(str);// the result is 6.786%

5. 实现了数据验证,并默认支持了多种验证器,包括URLEmail、范围、IP等验证器

      例如:

    var urlValidator=new URLValidator();

    var flag=urlValidator.validate("http://www.jsjava.com");

    alert(flag);//the result is true

而且提供了一个通用的验证工具类ValidatorUtils,里面提供许多实用类方法,另外针对中国地区用户我们实现了许多常用的一些验证器,例如汉字验证、居民身份证验证、Oicq号码验证等等。

6. 实现了页面动画的支持

      动画的播放原理,借鉴了Flash的思想,即一个动画是有一系列场景组成,每个场景是由一系列关键帧组成,而每一个帧则代表了一个实际控制点,那么当时间线流过的时候,多个场景的帧依次播放,就形成了任意线程合成动画效果,具体可以参考http://jsjava.sourceforge.net/solutions/webpageanimation.html

7. 实现了对Ajax的支持

      JsJava2.0中对Ajax做了一层面向对象的封装,留出了许多接口,可以让编程人员更多的控制Ajax的细节,举例如下:

    var req=new AjaxRequest();

    req.setRequestMethod("post");

    req.setRequestURL("ajaxresponse.jsp");

    req.setAsync(true);

    req.setMethodOnSuccess(parseXml);

    req.setRequestHeader("Content-Type","text/html;charset=gb2312");

    req.send();

    function parseXml(){

      alert(req.getResponseText());

   }

8. 实现了对地理信息的封装

      JsJava2.0主要实现了对中国省级、市级行政区的信息封装,可以方便获取相关信息,例如:

    function w(str){

        document.write(str+"");

    }

    var country=ChinaInformationLoader.load();

    w(country);

    w("---------------");

    var province=country.getProvinceById("Guangxi");

    w(province);

    w("---------------");

    var cities=province.getCities();

9. 实现了对日历和农历的支持

      日历对象Calendar是参照java.util.Calendar实现的,农历仅实现对中国农历的支持,举例如下:

var c = new GregorianCalendar();

c.setTime(new Date(2007,2,8));

document.write("Calendar.WEEK_OF_YEAR:"+c.get(Calendar.WEEK_OF_YEAR);

通过JsJava的日历对象,你可以方便的获得与日期相关的许多方面,例如可以知道某个日期是所在月的第几周,知道是这一年中的第几天等等,如果你对JavaCalendar很熟悉,你就明白它的强大了。

  输出为:Calendar.WEEK_OF_YEAR:10

  另外,为了方便中国区用户对农历的计算,我们特别定义了一个ChinaLunarCalendar对象,该对象可以方便将公历转换为农历,例如下面的例子:

    var c=new ChinaLunarCalendar();

    c.setTime(new Date(2005,5,6));

    out(c.getTianGan()+":"+c.getDescOfTianGan());

    out(c.getDiZhi()+":"+c.getDescOfDiZhi());

    out(c.getShengXiao()+":"+c.getDescOfShengXiao());

    out(c.getYear()+":"+c.getDescOfYear());

    out(c.getMonth()+":"+c.getDescOfMonth());

    out(c.getDate()+":"+c.getDescOfDate());

    out(c.getDay()+":"+c.getDescOfDay());

    out(c.getHours()+":"+c.getDescOfHours());

    function out(str){

        document.write(str+"");

    }

输出结果为:

1:

9:

9:

2005:乙酉年

4:四月

30:

1:星期一

1:子时 

10. 实现了对I/O的支持

      I/O是重量级编程语言中都支持的输入/输出的各种操作,例如读取系统中的文件,或者将内容输入到本地文件系统中,当然I/O的概念的外延很广,例如可以从某个URL来获取URL所代表的资源的内容,那么这就代表了一个输入。

那么I/O体现到Web界面之中,又该如何解释呢?我们知道在HTML之中,有文本输入空间text inputtextarea,这个可以理解为输入设备,而等则可以看做是输出设备,当然了对于text inputtextarea而言,它们也可以被看做是输出设备,我们看一个JsJava中的一个实现:

    window.οnlοad=function(){

        var outputDevice=new HTMLTextDevice("info");

        var append=true;

        Var outputStream=new HTMLTextOutputStream(new OutputStream(outputDevice),append);

        outputStream.println("This is a text output stream!");

        outputStream.println("Is append:"+append);

    }

  另外我们为JS添加了一个类似系统命令行窗口的JS控制台,使用方式如下:

    Console.open();

    System.out.println("This is very good!");

    System.out.println("Now ok!");

    function getNowTime(){

        System.out.println("start method");

}

11. 实现了对blogrss内容的解析

      并将解析后的结果生成为一系列的JsJava对象,操作起来很方便,如下例子所示:

    var xmlStr='eye_of_back的专栏 - IT技术经验交流中心http://blog.csdn.net/eye_of_back/category/245118.aspxaf.Text Version 1.0.1.1http://counter.csdn.net/pv.aspx?id=72回眸IT技术经验交流中心简介...rss xml内容较多省略)';

    var reader=new BlogRssReader();

    var blogRss=reader.readRss(xmlStr);

    var channel=blogRss.getRssChannel();

    document.write(channel.getImage()+"

");

    var items=channel.getItems();//获取该频道所有的文章

    for(var i=0;i

显示结果为:

  {title=undefined,link=undefined,url=http://counter.csdn.net/pv.aspx?id=72}

{id=http://blog.csdn.net/eye_of_back/archive/2007/02/28/1517453.aspx,creator=回眸,title=IT技术经验交流中心简介,link=http://blog.csdn.net/eye_of_back/archive/2007/02/28/1517453.aspx,pubDate=Wed, 28 Feb 2007 20:00:00 GMT,comments={id=http://blog.csdn.net/eye_of_back/comments/1517453.aspx,itemId=undefined,commentRss=undefined}}

{id=http://blog.csdn.net/eye_of_back/archive/2007/02/25/1514302.aspx,creator=回眸,title=面对未来我们更需要思考,link=http://blog.csdn.net/eye_of_back/archive/2007/02/25/1514302.aspx,pubDate=Sun, 25 Feb 2007 21:39:00 GMT,comments={id=http://blog.csdn.net/eye_of_back/comments/1514302.aspx,itemId=undefined,commentRss=undefined}}

{id=http://blog.csdn.net/eye_of_back/archive/2007/02/09/1506668.aspx,creator=回眸,title=介绍目前中心关注的群,link=http://blog.csdn.net/eye_of_back/archive/2007/02/09/1506668.aspx,pubDate=Fri, 09 Feb 2007 22:24:00 GMT,comments={id=http://blog.csdn.net/eye_of_back/comments/1506668.aspx,itemId=undefined,commentRss=undefined}}

{id=http://blog.csdn.net/eye_of_back/archive/2007/02/09/1506666.aspx,creator=回眸,title=中心知识库建成!,link=http://blog.csdn.net/eye_of_back/archive/2007/02/09/1506666.aspx,pubDate=Fri, 09 Feb 2007 22:21:00 GMT,comments={id=http://blog.csdn.net/eye_of_back/comments/1506666.aspx,itemId=undefined,commentRss=undefined}}

{id=http://blog.csdn.net/eye_of_back/archive/2006/10/10/1328096.aspx,creator=回眸,title=面向大学生IT技术培训,link=http://blog.csdn.net/eye_of_back/archive/2006/10/10/1328096.aspx,pubDate=Tue, 10 Oct 2006 07:44:00 GMT,comments={id=http://blog.csdn.net/eye_of_back/comments/1328096.aspx,itemId=undefined,commentRss=undefined}}

{id=http://blog.csdn.net/eye_of_back/archive/2006/10/09/1327718.aspx,creator=回眸,title=欢迎大家访问IT技术经验交流中心,link=http://blog.csdn.net/eye_of_back/archive/2006/10/09/1327718.aspx,pubDate=Mon, 09 Oct 2006 21:11:00 GMT,comments={id=http://blog.csdn.net/eye_of_back/comments/1327718.aspx,itemId=undefined,commentRss=undefined}}

12. 实现了对页面打印的支持

      当然了调用的window.print就可以实现页面整体打印,但是在实际应用中,我们用的更多的则是对页面中某个部分进行打印,例如只想打印文章正文内容,对于上面的边框和下面的一些按钮就不需要,那如何实现局部的打印呢?

当然通常的做法有两种,一种是打印前将不需要的页面部分隐藏,打印完成后再放开,这个只要定义documentonbeforeprintonafterprint事件即可,另外一种方式,就是将需要打印的内容拷贝到事先准备好的一个隐藏的iframe之中,然后调用iframe的打印即可。

那么JsJava之中如果方便的对打印提供支持呢?如下面的代码:

var print=new HtmlPrint();

var printArea=new HtmlPrintArea("info");//打印区域的页面id,例如可能是某个div的标识

print.setArea(printArea);

print.print(); 

具体使用和方案,可以访问http://www.jsjava.com网站,参看其中的solutions

13. 实现了对光标的操作

      尤其是web程序员们都非常苦恼的光标定位等问题,JsJava2.0都做了很好的实现,通过JsJavaAPI,你可以方便的获得光标在文本输入域中的具体位置,可以方便的将光标移动到文本框的指定位置,也可以任意选择指定范围的文本,例如下面的例子:

      function getCursorPosition(textObj){

        alert(CursorUtils.getCursorPosition(textObj));

    }

    function setCursorPos(){

        CursorUtils.moveCursorTo(document.getElementById("t"),8);

    }

    function setSelectText(){

        CursorUtils.textSelect(document.getElementById("t"),8,12);

    }

14. 实现了对系统剪贴板的操作,可以方便的将内容放到到剪贴板以及从剪贴板中获取内容

      例如下面的例子:

    function getData(){

        var data=ClipboardUtils.getTextFromClipboard();

        t.value=data;

    }

    function setData(){

        ClipboardUtils.copyTextToClipboard("This is a copy test!");

    }

15. 实现了对颜色的相关操作

      例如实现了RGB颜色以及灰度的控制,可以方便的在RGB和十六进制颜色之间进行转换,也提供了相关方法,可以方便的得到一个随机的颜色矩阵,这为颜色面板的制作提供了很好的数据,例如:

    var hexColors=ColorUtils.toPaletteDatum(9,9);

    var str="";

    for(var i=0;i";

        for(var j=0;j  ";

        }

        str+="";

    }

    str+="";

    document.write(str); 

    显示结果为:

[attach]58362[/attach]

16. 除上面之外,JsJava2.0还实现了许多其他的功能

  具体可以参考 http://jsjava.sourceforge.net/howtouse/

  JsJava发展到2.0版本,已经完全可以作为一个JS基础框架和应用框架,支持界面端JS产品的开发,也适合于web项目和产品的日常开发与应用,JsJava的关注点是数据结构的完整和类库体系的完整,这与目前流程的portotype.js等是不太一样,因此JsJava是更适合为应用服务的...

文章来源: shq5785.blog.csdn.net,作者:No Silver Bullet,版权归原作者所有,如需转载,请联系作者。

原文链接:shq5785.blog.csdn.net/article/details/50382089

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。