BlogJava-庄周梦蝶，孰蝶是我，我是孰蝶？一梦至今，蝶我已难分-随笔分类-web开发

介绍下smartclient

dennis — Tue, 08 Jan 2008 07:48:00 GMT

smartclient是一个企业级的ajax框架，包括非常出色的UI库、工具库和客户端服务端数据绑定等功能。smartclient本来是一个商业产品， 2007年11月7号才以LGPL协议开源。除了一些所见即所得的构建工具和企业级的可选组件外，其他都开源了。这个记的javaeye和infoq都有报道。
在接触smartclient以前，我还没有使用过类似的ajax ui库，比如现在很火的ext。smartclient给我的第一印象是非常漂亮的ui效果，有兴趣可以去它的官方demo看看。smartclient的demo和文档做的非常出色，入手开发也非常容易。
第一步：下载LGPL版本，并解压缩
第二步：运行解压后目录下的\SmartClient_60_LGPL\smartclientSDK\start_embedded_server.bat，SDK自带了一个内嵌的tomcat
第三步：访问 http://localhost:8080

你将见到：

这些demo本身就是用smartclient制作的。开发过程中你需要做就是查看examples和文档中的reference（api文档），基本没有解决不了的问题。

人见人爱的Hello World例子：

isc.Label.create({
    height: 50,
    styleName: "helloWorldText",
    padding: 4,
    backgroundColor: "#ffffd0",
    align: "center",
    valign: "center",
    wrap: false,
    showEdges: true,
    showShadow: true,
    contents: "Hello world!"
})

效果：

smartclient除了完整的UI组件，还包括丰富的动态效果库以及可选的皮肤等高级主题，不再展开了，毕竟贴图是在是挺麻烦的事情：）还不如有兴趣的自己翻demo。说了这么多优点，那么缺点是啥？你可能猜到了，性能！所有js UI库无法避免的问题，不过我没有其他UI库的使用经验，倒是不能给出个比较数据。我们写的东西的性能也只是堪堪能够接受。
smartclient跟dwr可以说是天生一对，smartclient UI组件的数据源可以是xml也可以是json，如果采用json做交换格式，可以与dwr无缝结合，真正实现One Page,One Application（我们就是这样做的^_^)。

dennis 2008-01-08 15:48 发表评论

Flex is open sourced!

dennis — Thu, 26 Apr 2007 09:02:00 GMT

官方消息：http://labs.adobe.com/wiki/index.php/Flex:Open_Source

Flex向微软WPF开战的新起点。正如预期的那样，Adobe决定flex在Mozilla Public License (MPL)协议下纳入开源社区，flex的前景很值的期待。

dennis 2007-04-26 17:02 发表评论

jQuery使用手册（收藏）

dennis — Thu, 19 Apr 2007 05:51:00 GMT

摘要: 一直使用prototype.js，因为prototype的风格与ruby相似，用起来很舒服；这两天抽空看看jQuery，也是个很优秀的js基础库，特别是在选择器方面，相当实用。转自：http://www.cnblogs.com/skylaugh/archive/2006/12/18/595563.html 翻译整理：Young.J官方网站：http://jq... 阅读全文

dennis 2007-04-19 13:51 发表评论

传统javascript事件模型实现观察者模式

dennis — Fri, 16 Mar 2007 01:19:00 GMT

在W3C新的事件模型框架中，IE和Mozilla都实现了相应的版本，IE的是attachEvent和detachEvent来实现元素事件的添加和删除，而Mozilla则是标准的addEventListener和 removeEventListener。在传统的javascript事件模型中，我们没办法为一个页面元素注册多个事件，只有靠自己来实现观察者模式。代码来自《ajax in action》,我添加了注释

//命名空间
var jsEvent = new Array();

//构造函数
jsEvent.EventRouter = function(el,eventType){
//内部维护一个事件列表
this.lsnrs = new Array();
this.el = el;
el.eventRouter = this;
//注册回调函数
el[eventType] = jsEvent.EventRouter.callback;
};

//添加事件
jsEvent.EventRouter.prototype.addListener = function(lsnr){
this.lsnrs.append(lsnr,true);
} ;

//移除事件
jsEvent.EventRouter.prototype.removeListener=
function(lsnr){
this.lsnrs.remove(lsnr);
};

//通知所有事件
jsEvent.EventRouter.prototype.notify = function(e){
var lsnrs = this.lsnrs;
for(var i=0;i<lsnrs.length;i++){
  var lsnr = lsnrs[i];
  lsnr.call(this,e);
}
};
//回调函数调用notify
jsEvent.EventRouter.callback=function(event){
var e = event || window.event;
var router = this.eventRouter;
router.notify(e);
};

Array.prototype.append = function(obj,nodup){
if(nodup){
  this[this.length]=obj;
}
};
Array.prototype.remove = function(o)
{
   var i = this.indexOf(o);
   if (i>-1)
  {
    this.splice(i,1);
   }
     return (i>-1);
   }
};

这里比较巧妙的就是
el.eventRouter = this;
//注册回调函数
el[eventType] = jsEvent.EventRouter.callback;

首先给el元素添加属性eventRouter是当前的EventRouter对象，然后，比如eventType假设为onclick，el是一个button元素，那么这里就是el[onclick]=jsEvent.EventRouter.callback;相当于el.onclick=jsEvent.EventRouter.callback;
而请注意这个回调函数callback将首先得到元素的eventRouter对象，再调用此对象的notify方法触发所有注册的事件。

再请注意notify函数里面这一行：
lsnr.call(this,e);

我们把event对象传入此函数作参，而var e = event || window.event;那么所有事件函数的第一个参数都将是event对象，避免了IE需要通过window.event得到的事件对象的浏览器不一致行为。

使用此对象方式：

　var mat=document.getElementById('mousemat');
　　cursor=document.getElementById('cursor');
　　var mouseRouter=new jsEvent.EventRouter(mat,"onmousemove");
　　mouseRouter.addListener(writeStatus);
　　mouseRouter.addListener(drawThumbnail);

dennis 2007-03-16 09:19 发表评论

ajax技术再思考

dennis — Wed, 14 Mar 2007 10:56:00 GMT

    近几日重读《ajax实战》，对AJAX技术的理解有点改变。当ajax开始火热的时候，其实那时我呆的那家公司早在02年时就已经开始用XmlHttpRequest做前后台的异步通信，因为做的是内部网应用，通过统一安装一个delphi写ActiveX表格控件来进行数据的展现和报表的打印，使用xml作为前后台交换数据的格式。所以当ajax技术开始火热的时候，我以为，我所做的就是ajax应用。买了《ajax实战》，读的也不深入，特别是前面几个章节读的半懂不懂，因为那时的我对javascript和设计模式等方面还没有深入系统的学习过。

    我们都知道ajax是javascript、css、DOM和XmlHttpRequest的结合体，可使用了这些技术的应用就一定是ajax吗？《ajax实战》提出了衡量是否是ajax应用的四条标准：

1 浏览器中的是应用，而不是内容；
2 服务器交付的是数据，而不是内容；
3 用户和应用的交互是连续的，大部分对于服务器的请求是隐式的而不是显式的；
4 代码库式巨大的、复杂的，而且式组织良好的，这个特点对于架构来说非常重要，需要认真对待。

如果以这样的标准衡量，其实我们的很多自以为是ajax应用并非是严格意义上的ajax应用，软件的应用可以划分为瞬态的和独占的，比如china-pub网站，这只是个瞬态应用，我们只是偶尔去访问它，对交互的连续性也没有很强的要求；而另外如word、excel之类的应用，需要持续不断的交互，我们点下某个按钮，总是期待能马上有个效果出来，这样的应用就是所谓的独占应用。ajax技术已经在很广泛的瞬态应用中实施，而ajax的趋势是否就是独占式应用？gmail和google map给出了答案，以及现在比较火热的web office等。可我对于此类应用的前景并不看好，像word之类的应用，对于实时性和安全性的要求是比较高的，而当前网络环境下的延迟和安全问题，会给此类应用带来相当大的隐忧。而实现这样的独占式应用，带来的也是服务器非常巨大的并发量，gmail就是个典型的例子，当你操作非常频繁的时候，容易出现莫名其妙的错误。

    我仍然认为ajax应该成为目前web应用的润滑剂，它应该应用在细节上改善用户体验上，而非彻底取代桌面应用，也不可能取代。

dennis 2007-03-14 18:56 发表评论

备忘——javascript操作表格排序

dennis — Sat, 10 Mar 2007 09:26:00 GMT

表格排序，一般的处理方法是传递排序的字段到后台进行重新查询并排序，javascript也可以做到简单的表格排序，备忘代码：

           //类型转换器，将列的字段类型转换为可以排序的类型：String,int,float
            function convert(sValue, sDataType) {
                switch(sDataType) {
                    case "int":
                        return parseInt(sValue);
                    case "float":
                        return parseFloat(sValue);
                    case "date":
                        return new Date(Date.parse(sValue));
                    default:
                        return sValue.toString();

                }
            }

            //排序函数产生器，iCol表示列索引，sDataType表示该列的数据类型
            function generateCompareTRs(iCol, sDataType) {

                return  function compareTRs(oTR1, oTR2) {
                            var vValue1 = convert(oTR1.cells[iCol].firstChild.nodeValue, sDataType);
                            var vValue2 = convert(oTR2.cells[iCol].firstChild.nodeValue, sDataType);

                            if (vValue1 < vValue2) {
                                return -1;
                            } else if (vValue1 > vValue2) {
                                return 1;
                            } else {
                                return 0;
                            }
                        };
            }

            //排序方法
            function sortTable(sTableID, iCol, sDataType) {
                var oTable = document.getElementById(sTableID);
                var oTBody = oTable.tBodies[0];
                var colDataRows = oTBody.rows;
                var aTRs = new Array;

                //将所有列放入数组
                for (var i=0; i < colDataRows.length; i++) {
                    aTRs[i] = colDataRows[i];
                }

                //判断最后一次排序的列是否与现在要进行排序的列相同，是的话，直接使用reverse()逆序
                if (oTable.sortCol == iCol) {
                    aTRs.reverse();
                } else {
                    //使用数组的sort方法，传进排序函数
                    aTRs.sort(generateCompareTRs(iCol, sDataType));
                }

                var oFragment = document.createDocumentFragment();
                for (var i=0; i < aTRs.length; i++) {
                    oFragment.appendChild(aTRs[i]);
                }

                oTBody.appendChild(oFragment);
                //记录最后一次排序的列索引
                oTable.sortCol = iCol;
            }

完整例子：

<html>
    <head>
    <title>Table Sort Exampletitle>
        <script type="text/javascript">

            //转换器，将列的字段类型转换为可以排序的类型：String,int,float
            function convert(sValue, sDataType) {
                switch(sDataType) {
                    case "int":
                        return parseInt(sValue);
                    case "float":
                        return parseFloat(sValue);
                    case "date":
                        return new Date(Date.parse(sValue));
                    default:
                        return sValue.toString();

                }
            }

            //排序函数产生器，iCol表示列索引，sDataType表示该列的数据类型
            function generateCompareTRs(iCol, sDataType) {

                return  function compareTRs(oTR1, oTR2) {
                            var vValue1 = convert(oTR1.cells[iCol].firstChild.nodeValue, sDataType);
                            var vValue2 = convert(oTR2.cells[iCol].firstChild.nodeValue, sDataType);

                            if (vValue1 < vValue2) {
                                return -1;
                            } else if (vValue1 > vValue2) {
                                return 1;
                            } else {
                                return 0;
                            }
                        };
            }

            //排序方法
            function sortTable(sTableID, iCol, sDataType) {
                var oTable = document.getElementById(sTableID);
                var oTBody = oTable.tBodies[0];
                var colDataRows = oTBody.rows;
                var aTRs = new Array;

                //将所有列放入数组
                for (var i=0; i < colDataRows.length; i++) {
                    aTRs[i] = colDataRows[i];
                }

                //判断最后一次排序的列是否与现在要进行排序的列相同，是的话，直接使用reverse()逆序
                if (oTable.sortCol == iCol) {
                    aTRs.reverse();
                } else {
                    //使用数组的sort方法，传进排序函数
                    aTRs.sort(generateCompareTRs(iCol, sDataType));
                }

                var oFragment = document.createDocumentFragment();
                for (var i=0; i < aTRs.length; i++) {
                    oFragment.appendChild(aTRs[i]);
                }

                oTBody.appendChild(oFragment);
                //记录最后一次排序的列索引
                oTable.sortCol = iCol;
            }

        script>
    head>
    <body>
        <p>Click on the table header to sort in ascending order.p>
        <table border="1" id="tblSort">
            <thead>
                <tr>
                    <th onclick="sortTable('tblSort', 0)"
                        style="cursor:pointer">Last Nameth>
                    <th onclick="sortTable('tblSort', 1)"
                        style="cursor:pointer">First Nameth>
                    <th onclick="sortTable('tblSort', 2, 'date')"
                        style="cursor:pointer">Birthdayth>
                    <th onclick="sortTable('tblSort', 3, 'int')"
                        style="cursor:pointer">Siblingsth>
                tr>
            thead>
            <tbody>
                <tr>
                    <td>Smithtd>
                    <td>Johntd>
                    <td>7/12/1978td>
                    <td>2td>
                tr>
                <tr>
                    <td>Johnsontd>
                    <td>Bettytd>
                    <td>10/15/1977td>
                    <td>4td>
                tr>
                <tr>
                    <td>Hendersontd>
                    <td>Nathantd>
                    <td>2/25/1949td>
                    <td>1td>
                tr>
                <tr>
                    <td>Williamstd>
                    <td>Jamestd>
                    <td>7/8/1980td>
                    <td>4td>
                tr>
                <tr>
                    <td>Gilliamtd>
                    <td>Michaeltd>
                    <td>7/22/1949td>
                    <td>1td>
                tr>
                <tr>
                    <td>Walkertd>
                    <td>Matthewtd>
                    <td>1/14/2000td>
                    <td>3td>
                tr>
            tbody>
        table>
    body>
html>

dennis 2007-03-10 17:26 发表评论

javascript之XML DOM对象

dennis — Fri, 09 Mar 2007 02:21:00 GMT

摘要: javacript中对xml dom的支持，与其他任何特性一样面临着浏览器兼容问题。一 IE中的XML DOM1.微软通过ActiveX的MSXML库提供了支持，通过：Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> var oXmlDom = new... 阅读全文

dennis 2007-03-09 10:21 发表评论

oh,my god.我终于能看懂正则表达式咯

dennis — Wed, 07 Mar 2007 01:54:00 GMT

最近一直在读《javascript高级程序设计》的正则表达式章节，终于对我一直搞不明白的正则表达式开始有点感觉了，别人写的表达式基本也能看懂了，可要自己熟练地写还需要多多练习。推荐一个学习正则表达式的地方，javaeye的正则表达式专栏以及正则表达式工作室。

常用正则表达式，掌握了规则，看懂这些表达式并不困难，当然，要达到熟练写的程度就不那么容易了。

匹配中文字符的正则表达式： [\u4e00-\u9fa5]

匹配双字节字符(包括汉字在内)：[^\x00-\xff]

应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）

String.prototype.len=function(){return this.replace([^\x00-\xff]/g,"aa").length;}

匹配空行的正则表达式：\n[\s| ]*\r

匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/

匹配首尾空格的正则表达式：(^\s*)|(\s*$)

应用：javascript中没有像vbscript那样的trim函数，我们就可以利用这个表达式来实现，如下：

String.prototype.trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, "");
}

利用正则表达式分解和转换IP地址：

下面是利用正则表达式匹配IP地址，并将IP地址转换成对应数值的Javascript程序：

function IP2V(ip)
{
re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //匹配IP地址的正则表达式
if(re.test(ip))
{
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
}
else
{
throw new Error("Not a valid IP address!")
}
}

不过上面的程序如果不用正则表达式，而直接用split函数来分解可能更简单，程序如下：

var ip="10.100.20.168"
ip=ip.split(".")
alert("IP值是："+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))

匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

匹配网址URL的正则表达式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?

利用正则表达式去除字串中重复的字符的算法程序：

var s="abacabefgeeii"
var s1=s.replace(/(.).*\1/g,"$1")
var re=new RegExp("["+s1+"]","g")
var s2=s.replace(re,"")
alert(s1+s2) //结果为：abcefgi

我原来在CSDN上发贴寻求一个表达式来实现去除重复字符的方法，最终没有找到，这是我能想到的最简单的实现方法。思路是使用后向引用取出包括重复的字符，再以重复的字符建立第二个表达式，取到不重复的字符，两者串连。这个方法对于字符顺序有要求的字符串可能不适用。

得用正则表达式从URL地址中提取文件名的javascript程序，如下结果为page1

s="http://www.gzcynet/page1.htm"
s=s.replace(/(.*\/){0,}([^\.]+).*/ig,"$2")
alert(s)

利用正则表达式限制网页表单里的文本框输入内容：

用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"

用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"

用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

dennis 2007-03-07 09:54 发表评论

javascript之DOM技术（二）

dennis — Sat, 10 Feb 2007 07:12:00 GMT

摘要: javascript之DOM技术（一）一。样式编程1.页面中的每一个元素都具有一个style对象，此对象管理元素的CSS样式。这是在IE4.0引入的，后来作为DOM标准被接受。使用方法:var oDiv=document.getElementById("div1");alert(oDiv.style.backgroundColor);style对象拥有一个cssText属性，返回描... 阅读全文

dennis 2007-02-10 15:12 发表评论

ECMAScript对象基础

dennis — Tue, 06 Feb 2007 06:05:00 GMT

1.Global对象。这对象之所以特别就是因为它根本不存在!-_-。如果你声明
var pointer=Global；
报错，找不到此对象。这是因为在ECMAScript中，每个函数都某个对象的方法，我们用到的isNaN(),isFinite(),parseInt()和parseFloat()函数，看起来是独立的函数，其实它们都是Global对象的函数。
需要注意两个用于处理url编码的函数：

1)encodeURI()和decodeURI() 处理完整的uri
2)encodeURIComponent()和decodeURIComponent() 处理片段

2.其他对象如Array,Math,Date对象，我发现比较有趣的是Array的处理方式与ruby中Array的处理方式几乎一样。

3.ECMAScript对象的创建方式：
1）工厂方式：

function showColor(){
  alert(this.color)
}
function createCar(sColor, iDoors, iMpg) {
    var oTempCar = new Object;
    oTempCar.color = sColor;
    oTempCar.doors = iDoors;
    oTempCar.mpg = iMpg;
    oTempCar.showColor =showColor;
    return oTempCar;
}

var oCar1 = createCar("red", 4, 23);
var oCar2 = createCar("blue", 3, 25);

这样的方式看起来很奇怪，好象方法showColor()不是对象的方法

2）构造函数方式：

function Car(sColor, iDoors, iMpg) {
    this.color = sColor;
    this.doors = iDoors;
    this.mpg = iMpg;
    this.showColor = function () {
        alert(this.color)
    };
}

var oCar1 = new Car("red", 4, 23);
var oCar2 = new Car("blue", 3, 25);

这样的方式有个新问题，那就是每次构造一个对象都将重复生成函数showColor，为每个对象创建独立的函数版本。

3）原型方式

function Car() {
}

Car.prototype.color = "red";
Car.prototype.doors = 4;
Car.prototype.mpg = 23;
Car.prototype.drivers = new Array("Mike", "Sue");
Car.prototype.showColor = function () {
    alert(this.color);
};

var oCar1 = new Car();
var oCar2 = new Car();

oCar1.drivers.push("Matt");

alert(oCar1.drivers);    //outputs "Mike,Sue,Matt"
alert(oCar2.drivers);    //outputs "Mike,Sue,Matt"

利用对象的prototype属性来构造对象，但是有两个问题：没办法使用构造函数传参来生成对象；函数虽然被不同对象共享，但是属性竟然也被共享，比如上面代码中，oCar1的drivers属性与oCar2的drivers属性是同一个Array对象。

4）为了解决上面问题，我们引入了构造函数/原型的混合方式：

function Car(sColor, iDoors, iMpg) {
    this.color = sColor;
    this.doors = iDoors;
    this.mpg = iMpg;
    this.drivers = new Array("Mike", "Sue");
}

Car.prototype.showColor = function () {
    alert(this.color);
};

var oCar1 = new Car("red", 4, 23);
var oCar2 = new Car("blue", 3, 25);

oCar1.drivers.push("Matt");

alert(oCar1.drivers);    //outputs "Mike,Sue,Matt"
alert(oCar2.drivers);    //outputs "Mike,Sue"

属性通过构造函数方式，而函数则通过原型来生成，这就避免了纯粹原型方式带来的问题。但是函数放在对象的构造函数定义，让习惯java,c++的人也感觉不爽，对象为什么不能放在一块地方定义呢？这就引出来了动态原型方式

5）动态原型方式：

通过引入_initialized 属性，当第一次构造对象时生成方法showColor ，再次生成对象时，此时的_initialized 已经是true,就避免了重复生成函数，属性的定义和函数的定义都在构造函数内，也满足了语义上的对象封装概念。

我们应当尽量采用构造函数/原型混合方式和动态原型方式来创建ECMAScript对象。

dennis 2007-02-06 14:05 发表评论

ECMAScript基础

dennis — Tue, 06 Feb 2007 06:03:00 GMT

开始读《JAVASCRIPT高级程序设计》
第2章 ECMAScript基础

JavaScript实质上是ECMAScript在web环境中的实现，还有其他实现（如Flash的ActionScript等）。因此了解基本的ECMAScript相当于掌握javascript的基础。

1。ECMAScript的基础概念：
1）区分大小写
2）变量是弱类型（解释型语言的基本特点）
3）每行结尾的分号可有可无（与java不同）
4）注释的形式与java相同（单行或者块注释）
5）大括号代表代码块{}

2。变量，使用var定义。如var test="test1"
当然，变量是弱类型，并且可以不被初始化而定义
var test="test1"
var test2;
test=1;
建议采用匈牙利类型标记法来命名变量。

3.关键字和保留字（略）

4。原始值和引用值
与java类似，变量分成原始类型与引用类型两类：
1）原始值存储在stack中
2）引用值是存储在heap中的对象，存储在变量处的是一个point

5。原始类型：
1）ECMAScript有5种原始类型：Undefined、Null、Boolean、Number和String。可以使用typeof来判断一个值是否在某类型的范围内。如：

var s="test";
alert(typeof s) //输出"string"

注意：type null返回object，因为null被认为是对象的占位符。

2)Undefined类型
当变量未初始化时，该变量的默认值就是undefined。但是，undefined并不同于未定义的值。但是，typeof并不区分两者，比如：

var temp1;
alert(typeof temp1); //未初始化，输出undefined
alert(typeof temp2); //未定义，也是undefined

函数无返回值，返回的也是undefined

3）Null类型
Null只有一个值，也就是null。Undefined本质上是从Null派生来的，因此两者相等：
alert(null==undefined); //输出true
但两者意义不同，Undefined表示变量未被初始化之前的值，而Null则表示尚未存在的对象，也就是对象的占位符。

4）Boolean类型
Boolean有两个值：true,false

5)Number类型
Number类型很有趣，Number可以表示32位的数字，也可以表示64位的浮点数，以0开头的数字当成八进制，以ox开头即为十六进制。有趣的地方在于所有数字运算结果都是返回十进制！
在ECMAScript中，浮点数的计算本质上是存储的是字符串。
Number类型的大小在Number.MAX_VALUE和Number.MIN_VALUE之间
无穷大用Infinity表示，如你所见，Number.MAX_VALUE就是Infinity，而Number.MIN_VALUE就是-Infinity，可以通过isFinite(n)来判断n是否超过界限

最后，还有一个特殊值是NaN，表示Not a Number（非数），非数产生在类型转换失败时，注意，它与自身不相当：alert(NaN==NaN); //输出false

不推荐使用NaN，我们可以通过isNaN()来判断是否是非数（很常用咯）

6) String类型
String是唯一没有固定大小的原始类型，可以存储0或者多个Unicode字符。与java不同的是，可以使用双引好和单引号来声明字符：
var s1="test1";
var s2='test2';
常见转义符与其他语言相同。

6。类型转换
1）转换成字符串:
Boolean,String和Number类型本质上都是伪对象，他们都有toString()方法（与java相同）

Number类型的toString()有两种模式：
toString()，返回数字的十进制
toString(n)，返回n进制的字符串(n为2,8,10,16）

2）转换成数字：
两个方法：parseInt()和parseFloat()方法。用法略过，需要注意的是parseInt如果没指定基数，会把以0开始的解析为8进制。parseFloat反而不会。

3）强制类型转换：
3种强制类型转换：
String(value);
Boolean(value);
Number(value);
规则如下：
（1）String(value)与toString()基本一样，除了对null或者undefined的转换之外，如：
var s1=String(null); //通过
var oNull=null;
var s2=oNull.toString(); //报错

（2）Boolean(value)，如果该value是空字符串、数字0、undefined或者null，返回false，其他返回true

（3）Number()与parseInt和parseFloat基本相同，不同的是Number()将转换整体，如果转换失败返回NaN。如：

Number(false)  ;//  0
Number(true);  //   1
Number(new Object());   //  NaN
Number('5.6.7');    //  NaN

7。引用类型：
1)Object类：类似于java中java.lang.Object的地位和作用，js中所有类都继承此类而来。它包含下面的属性：
（1）Constructor——对创建该对象函数的引用
（2）Prototype——对该对象对象原型的引用，对所有的类，它将返回一个Object实例
（3）HasOwnProperty(property)——判断是否有某个属性
（4）IsPropertOf(object)——判断该对象是否为另一个对象的原型
（5）PropertyIsEnumerable(property)——判断对象的属性是否可以枚举
（6）ToString()——返回对象的原始字符串表示
（7）ValueOf()——返回最适合该对象的原始值，对于许多类，它的结果与ToString()相同

2）Boolean类，尽量避免使用，注意的是，在Boolean表达式中，所有的值将被自动转化为true，所以下面的输出：
var oFalseObject=new Boolean(false);
alert(oFalseObject&&true); //输出true，而不是false

3) Number类,是Number原始类型的引用类型，应该少使用此类，尽量使用原始类型。需要注意3个方法：
（1）toFixed()：返回具有指定位数小数的字符串，如：
var oNumberObject=new Number(99);
alert(oNumberObject.toFixed(2)); // 输出99.00

(2) toExponential()，返回用科学记数法表示的数字的字符串形式，如：
var oNumberObject=new Number(99);
alert(oNumberObject.toExponential(1)); //输出9.9e+1

(3)toPrecision(),对数进行舍入，返回尽可能接近真实值的数字，如：
var oNumberObject=new Number(99);
alert(oNumberObject.toPrecision(3)); //输出99.0
注意，这3个方法都将进行四舍五入操作

4）String类，是String原始类型的对象，常见方法见下面的例子：

var oStringObject=new String("hello world");
alert(oStringObject.length);  //输出11
alert(oStringObject.toString()==oStringObject.valueOf());  //输出true
alert(oStringObject.charAt(1));   //输出e
alert(oStringObject.charCodeAt(1)); //输出e的字符代码：101
alert(oStringObject.concat(",china"));   //输出hello world,china
alert(oStringObject.indexOf("e"));   //输出1
alert(oStringObject.lastIndexOf("o"));  //输出7

var oStringObject1=new String("yellow");
var oStringObject2=new String("brick");
var iResult=oStringObject1.localeCompare(oStringObject2);  //根据本地比较
if(iResult>0){
  alert("oStringObject1在oStringObject2后面");
}else if(iResult<0){
   alert("oStringObject1在oStringObject2前面");
}else
   alert("oStringObject1和oStringObject2相同");
alert(oStringObject.substring(3,7));  //输出"lo w"
alert(oStringObject.slice(3,7));  //输出"lo w"
alert(oStringObject.toUpperCase());
alert(oStringObject.toLowerCase());
alert("中国".toLocaleLowerCase());

8.操作符和语句，省略大部分操作符的介绍和控制语句，与其他语言（java,ruby）基本相同，需要注意的摘抄如下：
1）delete操作符：用于删除对以前定义的对象属性或者方法的引用，如：

var o=new Object();
o.name="dennis";
alert(o.name); //输出dennis
delete o.name; //解除引用
alert(o.name); //输出undifined

2)for ... in语句，严格的枚举语句，用于枚举对象属性

3）switch可以作用于字符串，而不仅仅是整数

4）不支持重载（与ruby相同），可以通过arguments对象来变相实现

5）在ECMAScript中，函数其实是完整一个对象（与ruby相同，或者说动态语言的基本特点），可以采用：
var function_name=new Function(arg1,arg2,arg3,...,function_body);
来定义函数（速度比普通方法慢）。函数可以作为参数传递，函数的length属性返回此函数的参数个数
6）ECMAScript的闭包概念与其他动态语言的概念很不同，我还不大理解，过段时间好好研究一下。(写入备忘录）

dennis 2007-02-06 14:03 发表评论

javascript事件模型框架

dennis — Tue, 06 Feb 2007 05:58:00 GMT

摘要: 最近一直在读《javascript高级程序设计》，也快读完了，读到事件这一章，书中提供的一个事件工具类很实用，我注释了一下，并摘记：//eventutil.jsvar EventUtil = new Object;/**//* 此方法用来给特定对象添加事件，oTarget是指定对象,sEventType是事件类型，如click、keydown等， fnHandler是事件回调函数/*Ev... 阅读全文

dennis 2007-02-06 13:58 发表评论

javascript之DOM技术(一)

dennis — Tue, 06 Feb 2007 03:38:00 GMT

摘要: 《javascript高级程序设计》学习笔记阅读全文

dennis 2007-02-06 11:38 发表评论