JavaScript进阶(十一)JsJava2.0版本
JavaScript进阶(十一)JsJava2.0版本
2007年9月11日,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版本中对非IE的Xpath做了很好的封装,因此可以直接使用JsJava2.0的xpath来处理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. 实现了数据验证,并默认支持了多种验证器,包括URL、Email、范围、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的日历对象,你可以方便的获得与日期相关的许多方面,例如可以知道某个日期是所在月的第几周,知道是这一年中的第几天等等,如果你对Java的Calendar很熟悉,你就明白它的强大了。
输出为: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 input和textarea,这个可以理解为输入设备,而等则可以看做是输出设备,当然了对于text input和textarea而言,它们也可以被看做是输出设备,我们看一个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. 实现了对blog中rss内容的解析
并将解析后的结果生成为一系列的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就可以实现页面整体打印,但是在实际应用中,我们用的更多的则是对页面中某个部分进行打印,例如只想打印文章正文内容,对于上面的边框和下面的一些按钮就不需要,那如何实现局部的打印呢?
当然通常的做法有两种,一种是打印前将不需要的页面部分隐藏,打印完成后再放开,这个只要定义document的onbeforeprint和onafterprint事件即可,另外一种方式,就是将需要打印的内容拷贝到事先准备好的一个隐藏的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都做了很好的实现,通过JsJava的API,你可以方便的获得光标在文本输入域中的具体位置,可以方便的将光标移动到文本框的指定位置,也可以任意选择指定范围的文本,例如下面的例子:
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
- 点赞
- 收藏
- 关注作者
评论(0)