2009年11月9日星期一

[note]克服Script标签的缺点

看了国外一个JS相关Blog的一篇文章,给我了很大启发。原文地址:http://ejohn.org/blog/degrading-script-tags/

文章大概讲的是:
HTML中<script>标签有src属性之后就无法执行它本身所包含的代码。例如:
<script src="some-lib.js"></script>
<script>
  var foo = use_some_lib();
  foo.do.stuff();
</script>

浏览器只会执行some-lib.js而不会去执行

  var foo = use_some_lib();
  foo.do.stuff();

但是很显然的是如下的代码更加简洁:
<script src="some-lib.js">
  var foo = use_some_lib();
  foo.do.stuff();
</script>

如何能克服这个问题呢?只需要在some-lib.js中添加如下代码即可:
var scripts = document.getElementsByTagName("script");
eval( scripts[ scripts.length - 1 ].innerHTML );

用eval函数来执行即可。(MS更复杂了?)有什么用呢?
原文举得一个例子:
var scripts = document.getElementsByTagName("script");
var script = scripts[ scripts.length - 1 ].innerHTML;
if ( script ) {
  jQuery(document).ready(function(){
    jQuery.globalEval( script );
  });
}

有人还借用这种方法实现对js文件传参数:http://lifesinger.org/blog/2009/03/how-to-pass-params-to-javascript-file/


[note]CSS text-shadow属性

IE还不支持这个属性,firefox 3.1之后支持text-shadow了,safari和chrome支持。

有了这个属性就可以实现文字阴影了。

语法:
p.test {
text-shadow: #6374AB 20px -12px 2px;
}

如上所示,text-shadow可以接受以下值:

  1. 文字阴影的颜色 (#6374AB)
  2. X轴上文字阴影的偏移值 (20px)
  3. Y轴上文字阴影的偏移值 (-12px)
  4. 文字阴影的模糊半径(2px), 表示文字阴影的衍生空间。 0 表示没有模糊效果。 此值不要设的太高,否则字会难以辨认。

原文与例子:http://www.quirksmode.org/css/textshadow.html

[转]JS控制输入字符长度

 
 

Sent to you by M.Zhou via Google Reader:

 
 

via 堕落天使 by depravedangel on 11/8/09

 <script language="JavaScript">      <!--      function CutStrLength(str,Ilength)     {         var tmp=0;         var len=0;         var okLen=0         for(var i=0;i<Ilength;i++)         {             if(str.charCodeAt(i)>255)                 tmp+=2             else                 len+=1             okLen+=1             if(tmp+len==Ilength)             {                 return (str.substring(0,okLen));                 break;             }             if(tmp+len>Ilength)             {                 return (str.substring(0,okLen-1)+"");                 break;             }         }     }     function checkFieldLength(fieldName,fieldDesc,fieldLength)     {         var str=document.getElementById(fieldName).value;         var theLen=0;         var teststr='';         for(i=0;i<str.length;i++)         {             teststr=str.charAt(i);             if(str.charCodeAt(i)>255)             theLen=theLen+2;             else             theLen=theLen+1;         }         document.getElementById('showMsg').innerText=theLen;         if(theLen>fieldLength)         {             document.getElementById('showMsg').innerText=fieldDesc;             //alert(fieldDesc+" 的字段长度超过规定长度!");             //document.getElementById(fieldName).focus();             document.getElementById(fieldName).value=CutStrLength(str,fieldLength);             return false;         }         else         {             return true;         }     }     //-->     </script>  </head> <body>     <form method="POST" action="">         <textarea id="testArea" name="testArea" rows="3" cols="22" onkeyup="checkFieldLength('testArea', '超过允许输入的字符个数', 20);"             onchange="checkFieldLength('testArea', '超过允许输入的字符个数', 20);"></textarea>         <div id="testInfo">             已经输入:<span id="showMsg"></span></div>     </form> </body> </html> 


已有 0 人发表留言,猛击->>这里<<-参与讨论


JavaEye推荐




 
 

Things you can do from here:

 
 

2009年11月8日星期日

[note]XML DOM学习之TextNode

今天设置一个节点的值时遇到了一个奇怪的问题:
例如:<year>2005</year>的XML文件,取其中的2005.
现在使用下面的代码:

alert(node.nodeValue);
 
node的是指year节点。结果出现错误,node.nodeValue为null。

搜索W3C文档知道了原因:

Text is Always Stored in Text Nodes

A common error in DOM processing is to expect an element node to contain text.

However, the text of an element node is stored in a text node.

In this example: <year>2005</year>, the element node <year>, holds a text node with the value "2005".

"2005" is not the value of the <year> element!

原来XML中任何一个节点的值,都是一个Text元素!
代码改为如下:

alert(node.firstChild.nodeValue);

就可以正常运行了!

2009年11月5日星期四

[note]Javascript对象的属性的获取

起因:今天遇到一个JS的问题,代码如下:

var object = {font-size : 50,
                     font-name : 'seria',
                     fill : 'red'}

这样写是会报错的,原因就在于“-”符号,不能作为变量名。
有的时候使用jQuery的函数extend来为对象添加新属性,如果希望属性中有“-”就会有问题,不过可以改为:

var object = {};
$.extend = (object, {'font-size' : 50,
                     'font-name' : 'seria',
                     fill : 'red'});

这样就可以使用了。这是因为extend函数是使用“var name in options”来取出变量,操作时也使用[name],代码如下:

for ( var name in options ) {
                var src = target[ name ], copy = options[ name ];

                // Prevent never-ending loop
                if ( target === copy )
                    continue;

                // Recurse if we're merging object values
                if ( deep && copy && typeof copy === "object" && !copy.nodeType )
                    target[ name ] = jQuery.extend( deep,
                        // Never move original objects, clone them
                        src || ( copy.length != null ? [ ] : { } )
                    , copy );

                // Don't bring in undefined values
                else if ( copy !== undefined )
                    target[ name ] = copy;

            }

结果:所以如下代码是错误的:

var object = {'f-f':2};
alert(object.'f-f');

而如下代码是正确的,js的对象都是“键-值”形式的!

var object = {'f-f':2};
alert(object['f-f']);

2009年11月2日星期一

串口通信的基本概念

1,什么是串口?
2,什么是RS-232?
3,什么是RS-422?
4,什么是RS-485?
5,什么是握手?
1,什么是串口?
串口是计算机上一种非常通用设备通信的协议(不要与通用串行总线Universal Serial Bus或者USB混淆)。大多数计算机包含两个基于RS232的串口。串口同时也是仪器仪表设备通用的通信协议;很多GPIB兼容的设备也带有RS- 232口。同时,串口通信协议也可以用于获取远程采集设备的数据。

串口通信的概念非常简单,串口按位(bit)发送和接收字节。尽管比按字节(byte)的并行通信慢,但是串口可以在使用一根线发送数据的同时用另一根线接收数据。它很简单并且能够实现远距离通信。比如IEEE488定义并行通行状态时,规定设备线总常不得超过20米,并且任意两个设备间的长度不得超过2米;而对于串口而言,长度可达1200米。

典型地,串口用于ASCII码字符的传输。通信使用3根线完成:(1)地线,(2)发送,(3)接收。由于串口通信是异步的,端口能够在一根线上发送数据同时在另一根线上接收数据。其他线用于握手,但是不是必须的。串口通信最重要的参数是波特率、数据位、停止位和奇偶校验。对于两个进行通行的端口,这些参数必须匹配:
a,波特率:这是一个衡量通信速度的参数。它表示每秒钟传送的bit的个数。例如300波特表示每秒钟发送300个bit。当我们提到时钟周期时,我们就是指波特率例如如果协议需要4800波特率,那么时钟是4800Hz。这意味着串口通信在数据线上的采样率为4800Hz。通常电话线的波特率为 14400,28800和36600。波特率可以远远大于这些值,但是波特率和距离成反比。高波特率常常用于放置的很近的仪器间的通信,典型的例子就是 GPIB设备的通信。
b,数据位:这是衡量通信中实际数据位的参数。当计算机发送一个信息包,实际的数据不会是8位的,标准的值是5、7和8位。如何设置取决于你想传送的信息。比如,标准的ASCII码是0~127(7位)。扩展的ASCII码是0~255(8位)。如果数据使用简单的文本(标准 ASCII码),那么每个数据包使用7位数据。每个包是指一个字节,包括开始/停止位,数据位和奇偶校验位。由于实际数据位取决于通信协议的选取,术语 "包"指任何通信的情况。
c,停止位:用于表示单个包的最后一位。典型的值为1,1.5和2位。由于数据是在传输线上定时的,并且每一个设备有其自己的时钟,很可能在通信中两台设备间出现了小小的不同步。因此停止位不仅仅是表示传输的结束,并且提供计算机校正时钟同步的机会。适用于停止位的位数越多,不同时钟同步的容忍程度越大,但是数据传输率同时也越慢。
d,奇偶校验位:在串口通信中一种简单的检错方式。有四种检错方式:偶、奇、高和低。当然没有校验位也是可以的。对于偶和奇校验的情况,串口会设置校验位(数据位后面的一位),用一个值确保传输的数据有偶个或者奇个逻辑高位。例如,如果数据是011,那么对于偶校验,校验位为0,保证逻辑高的位数是偶数个。如果是奇校验,校验位位1,这样就有3个逻辑高位。高位和低位不真正的检查数据,简单置位逻辑高或者逻辑低校验。这样使得接收设备能够知道一个位的状态,有机会判断是否有噪声干扰了通信或者是否传输和接收数据是否不同步。

2,什么是RS-232?
RS-232 (ANSI/EIA-232标准)是IBM-PC及其兼容机上的串行连接标准。可用于许多用途,比如连接鼠标、打印机或者Modem,同时也可以接工业仪器仪表。用于驱动和连线的改进,实际应用中RS-232的传输长度或者速度常常超过标准的值。RS-232只限于PC串口和设备间点对点的通信。RS- 232串口通信最远距离是50英尺。

DB-9针连接头
-------------
\ 1 2 3 4 5 /
\ 6 7 8 9 /
-------
从计算机连出的线的截面。
RS-232针脚的功能:

数据:
TXD(pin 3):串口数据输出
RXD(pin 2):串口数据输入

握手:
RTS(pin 7):发送数据请求
CTS(pin 8):清除发送
DSR(pin 6):数据发送就绪
DCD(pin 1):数据载波检测
DTR(pin 4):数据终端就绪

地线:
GND(pin 5):地线

其他
RI(pin 9):铃声指示

3,什么是RS-422?
RS -422(EIA RS-422-A Standard)是Apple的Macintosh计算机的串口连接标准。RS-422使用差分信号,RS-232使用非平衡参考地的信号。差分传输使用两根线发送和接收信号,对比RS-232,它能更好的抗噪声和有更远的传输距离。在工业环境中更好的抗噪性和更远的传输距离是一个很大的优点。

4,什么是RS-485?
RS -485(EIA-485标准)是RS-422的改进,因为它增加了设备的个数,从10个增加到32个,同时定义了在最大设备个数情况下的电气特性,以保证足够的信号电压。有了多个设备的能力,你可以使用一个单个RS-422口建立设备网络。出色抗噪和多设备能力,在工业应用中建立连向PC机的分布式设备网络、其他数据收集控制器、HMI或者其他操作时,串行连接会选择RS-485。RS-485是RS-422的超集,因此所有的RS-422设备可以被 RS-485控制。RS-485可以用超过4000英尺的线进行串行通行。

DB-9 引脚连接

-------------
\ 1 2 3 4 5 /
\ 6 7 8 9 /
-------

从计算机连出的线的截面。

RS-485和RS-422的引脚的功能
数据:TXD+(pin 8),TXD-(pin 9),RXD+(pin 4),RXD-(pin 5)
握手:RTS+(pin 3),RTS-(pin 7),CTS+(pin 2),CTS-(pin 6)
地线:GND (pin 1)

5,什么是握手?
RS -232通行方式允许简单连接三线:Tx、Rx和地线。但是对于数据传输,双方必须对数据定时采用使用相同的波特率。尽管这种方法对于大多数应用已经足够,但是对于接收方过载的情况这种使用受到限制。这时需要串口的握手功能。在这一部分,我们讨论三种最常用的RS-232握手形式:软件握手、硬件握手和 Xmodem。

a,软件握手:我们讨论的第一种握手是软件握手。通常用在实际数据是控制字符的情况,类似于GPIB使用命令字符串的方式。必须的线仍然是三根:Tx, Rx和地线,因为控制字符在传输线上和普通字符没有区别,函数SetXModem允许用户使能或者禁止用户使用两个控制字符XON和OXFF。这些字符在通信中由接收方发送,使发送方暂停。
例如:假设发送方以高波特率发送数据。在传输中,接收方发现由于CPU忙于其他工作,输入buffer已经满了。为了暂时停止传输,接收方发送XOFF,典型的值是十进制19,即十六进制13,直到输入buffer空了。一旦接收方准备好接收,它发送XON,典型的值是十进制17,即十六进制11,继续通信。输入buffer半满时,LabWindows发送XOFF。此外,如果XOFF传输被打断,LabWindows会在buffer达到75%和 90%时发送XOFF。显然,发送方必须遵循此守则以保证传输继续。

b,硬件握手:第二种是使用硬件线握手。和Tx和Rx线一样,RTS/CTS和DTR/DSR一起工作,一个作为输出,另一个作为输入。第一组线是RTS (Request to Send)和CTS(Clear to Send)。当接收方准备好接收数据,它置高RTS线表示它准备好了,如果发送方也就绪,它置高CTS,表示它即将发送数据。另一组线是DTR(Data Terminal Ready)和DSR(Data Set Ready)。这些现主要用于Modem通信。使得串口和Modem通信他们的状态。例如:当Modem已经准备好接收来自PC的数据,它置高DTR线,表示和电话线的连接已经建立。读取DSR线置高,PC机开始发送数据。一个简单的规则是DTR/DSR用于表示系统通信就绪,而RTS/CTS用于单个数据包的传输。

在LabWindows,函数SetCTSMode使能或者禁止使用硬件握手。如果CTS模式使能,LabWindows使用如下规则:
当PC发送数据:
RS-232库必须检测CTS线高后才能发送数据。

当PC接收数据:
如果端口打开,且输入队列有空接收数据,库函数置高RTS和DTR。
如果输入队列90%满,库函数置低RTS,但使DTR维持高电平。
如果端口队列近乎空了,哭喊数置高RTS,但使DRT维持高电平。
如果端口关闭,库函数置低RTS和DTR。

c,XModem握手:最后讨论的握手叫做XModem文件传输协议。这个协议在Modem通信中非常通用。尽管它通常使用在Modem通信中, XModem协议能够直接在其他遵循这个协议的设备通信中使用。在LabWindows中,实际的XModem应用对用户隐藏了。只要PC和其他设备使用 XModem协议,在文件传输中就使用LabWindows的XModem函数。函数是XModemConfig,XModemSend和 XModemReceive。

XModem使用介于如下参数的协议:start_of_data、end_of_data、neg_ack、wait_delay、 start_delay、max_tries、packet_size。这些参数需要通信双方认定,标准的XModem有一个标准的定义:然而,可以通过 XModemConfig函数修改,以满足具体需要。这些参数的使用方法由接收方发送的字符neg_ack确定。这通知发送方其准备接收数据。它开始尝试发送,有一个超时参数start_delay;当超时的尝试超过max_ties次数,或者收到接收方发送的start_of_data,发送方停止尝试。如果从发送方收到start_of_data,接收方将读取后继信息数据包。包中含有包的数目、包数目的补码作为错误校验、packet_size字节大小的实际数据包,和进一步错误检查的求和校验值。在读取数据后,接收方会调用wait_delay,然后想发送方发送响应。如果发送方没有收到响应,它会重新发送数据包,直到收到响应或者超过重发次数的最大值max_tries。如果一直没有收到响应,发送方通知用户传输数据失败。

由于数据必须以pack_size个字节按包发送,当最后一个数据包发送时,如果数据不够放满一个数据包,后面会填充ASCII码NULL(0)字节。这导致接收的数据比原数据多。在XModem情况下一定不要使用XON/XOFF,因为XModem发送方发出包的数目很可能增加到XON/OFF控制字符的值,从而导致通信故障。

2009年11月1日星期日

三种使用Java获得获得电脑网卡方法

 
 

Sent to you by M.Zhou via Google Reader:

 
 

via BlogJava-首页技术区 by VWPOLO on 10/31/09

     摘要: 现在我们的项目现在加入了身份验证,通过收集客户端的电脑的CPU编号、硬盘编号和网卡编号然后生成一个机器码,然后使用这个机器码作为身份标识,验证客户端的合法性,这里介绍三种通过Java代码获得电脑网卡方法  阅读全文

VWPOLO 2009-11-01 13:14 发表评论

 
 

Things you can do from here: