jsvm2

JSVM2简介
    JSVM (JavaScript Virtual Machine的缩写),一个JavaScript基础框架,sourceforge开源项目,由万常华(wch3116)于2003年底发起, 目前最新版本是2.05,采用的是 BSD License 授权协议。

    JavaScript 一直以来扮演着Web端“脚本”的角色,开发者用它来在web上制作一些动态特效,或者在表单提交前对数据的预校验等等。随着客户端处理能力日益提升,DHTML在表示层的动态特征和丰富表现力,以及XMLHttpRequest,XmlDom等HTTP控件的出现, 另外一种应用模式开始引起人们的关注 — Ajax。关于Ajax的概念以及优缺点不再作冗余复述。

    如今Ajax Framework像雨后春笋,其中有很多优秀作品,在此也不多作介绍。JSVM 的定位和他们不同:JSVM并不是一个JavaScript Library,而是一个更底层的框架,基于这个框架,可以更好的实现JavaScript的模块化设计,以提高JavaScript代码的重用性。下面简单介绍一下JSVM的使用方法。
在web页面上加载JSVM 环境

在web页面中加入代码:<script src="<jsvm2目录>/jsre.js"></script> 即可实现该页面的JSVM2环境加载。
 
基于JSVM 的JavaScript开发

首先必须声明的是:JSVM2 的加载并不对web页面中原来的JavaScript环境产生任何破坏影响,而只是多了一些其它功能的支持。

在JSVM2 下,JavaScript代码的基本模块单元是“对象”,“对象”的类型可以是一个Function或者是一个Object。
“对象”的命名方式:<包名> + "." + <类名>,且必须以一个单独的文件形式保存。
保存路径是:<jsvm2目录>/classes [/<包名> …] /<类名>.class.js。

例如,设计对象:example.HelloWorld  文件路径:jsvm2/classes/example/HelloWorld.class.js 代码如下:

/**
* 调用jsvm2提供的$package函数定义包名
* 作用相当于:if (!window.example) {window.example = {};}
*/
$package("example");

/**
* 对example.HelloWorld进行定义
*/
example.HelloWorld = function (name) {

   this.name = name;

   this.say = function () {
      alert(this.name + " say: hello world!");
   }

}

当需要使用 example.HelloWorld 对象时,客户代码例如:
 $import("example.HelloWorld");//调用jsvm2提供的$import函数加载“类”

var obj = new example.HelloWorld("Mike");
obj.say();

一切OK,其实就这么简单,理解上面这个例子,就可以说基本上掌握JSVM2的使用了。至于接下来的JSVM2进阶指南,我本人认为并不是很重要,初学者不必着急学习,可以以后慢慢了解。



JSVM2进阶
    接下来介绍一些如何使用JSVM提供的其它功能来优化您的系统。
JSVM JavaScript Archive 的使用

在使用JSVM2一段时间之后,很快会发现JSVM的工作模式是按需动态加载代码的。于是出现一个矛盾:当我们为了满足设计上的合理粒度将代码分散到多个对应的class.js文件中,造成代码的加载动作次数过于多,从而影响到一定的整体性能。
为了解决这个矛盾,JSVM2 提供了一个集中批量加载代码的解决方案。可以通过JSVM2自身提供的工具,将所需的多个class.js文件打包在一个js文件中,然后配置到classpath的环境变量中即可。 当程序执行到需要这个“类”或者“对象”的时候,JSVM会从缓存中直接获得对应的代码,从来避免了进行多次的XMLHttpRequest交互。 例子

JSVM Module 的使用与开发

JSVM2 的核心模块在 bin/kernel.js 中实现,除此之外,我们还可以使用JSVM2自带的(或者第三方提供的)其它模块。
模块文件也必须以 .js 作为扩展名,放置在 <jsvm目录>/bin 目录下。
加载模块的方式:<script src="jsvm2/jsre.js" modules="模块名称1,模块名称2"></script>

扩展模块 SmartLoader

SmartLoader 是 JSVM2 的一个扩展模块。它能帮助 JSVM 实现智能地加载当前页面所需的所有 js class 文件。 有了它的帮助,程序设计人员不必关心如何对js class文件进行打包,又如何在每一个页面中的JSVM classpath参数中具体配置哪些lib文件,便可以让页面实现最小的js class加载开销。 注意:SmartLoader 需要服务端的支持,例如:web服务环境中需要支持asp,jsp或者php,perl等等动态语言。 smartloader 的使用方法:在页面的 jsvm2 的环境配置参数 modules 中加入 smartloader 即可。 如:<script src="jsvm2/jsre.js" modules="smartloader"></script>

... ... 未完待续...

你可能感兴趣的:(JavaScript,设计模式,Web,框架,Ajax)