午夜咖啡 - 脚本语言 category

微软对google说:不要把手伸到我媳妇怀里

Sun, 27 Sep 2009 03:43:00 GMT

Google Chrome Frame 是一个开源的IE插件，目标是让Internet Explorer用户也可以享受IE不支持的新web技术以及Chrome快速的JavaScript引擎带来的好处。它可以让IE支持HTML5的标签（如:canvas）,还可以提升IE的JavaScript性能,使您的应用程序反应更快。

官方网站:

http://code.google.com/chrome/chromeframe/

阅读全文...

Javascript(Ajax)开发测试工具

Wed, 20 May 2009 07:13:00 GMT

本文介绍了一些javascript的开发测试工具。

阅读全文...

javascript库的延迟加载

Thu, 14 May 2009 06:44:00 GMT

为了提高网页响应速度，经常会有延迟加载js的需求。

但如何延迟加载javascript并控制其加载顺序？本文提供了一种实现方式。

以延迟加载SyntaxHighlighter库为例。

阅读全文...

Javascript对象中使用setTimeout和setInterval的问题

Fri, 03 Apr 2009 11:17:00 GMT

前两天写一个js时遇到个问题。就是在js对象内部如果用setTimeout或者setInterval调用该对象的一个方法，然后在被调用方法中就无法使用this获取该对象。因为经过setTimeout调用后，this就成了浏览器了，原来那个对象就丢失了。

如：

 function TestObj(){   
    this.property = "test";   
    this.called = function(){   
       alert(this.property);   
     }   
    this.setTimeCall = function(){   
         setTimeout(this.called,500);   
     }   
 }   

var test = new TestObj();   
test.setTimeCall();

如果直接调用test.called方法是没有问题的。但如果通过setTimeout调用，也就是调用 test.setTimeCall(),this.property就为空了。因为这里的this成浏览器了。同样的问题也发生在监听浏览器的其他事件上。没办法，于是用了个比较糟糕的办法。

function TestObj(){   
   this.property = "test";   
   this.called = function(){   
       alert(this.property);   
}   
   this.setTimeCall = function(){   
    setTimeout("test.called()",500);   
}   
}   
var test = new TestObj();   
test.setTimeCall();

之所以说这样做糟糕，是因为在定义TestObj时，就必须提前知道TestObj被创建时的变量名。后来在IBM社区看到一篇探讨javascript有限状态机的文章，用了一个很巧妙的办法避免这个问题。

 function TestObj(){   
    this.property = "test";   
    var self = this;   
     this.called = function(){   
         alert(self.property);   
     }   

     this.setTimeCall = function(){   
         setTimeout(self.called,500);   
     }   
 }   

 var test = new TestObj();   
 test.called();   
 test.setTimeCall();

在TestObj中定义一个变量，self，然后指向this。这样用self调用this，就不会发生和浏览器的this对象冲突的问题了。

虽然是很简单的一个问题，但有时候人脑子转不过弯也没办法。

还有一个网友评论提供的办法就是:

function TestObj(){  

    this.called = function(){  
        alert("OK");  
    }  
      
    this.setTimeCall = function(){  
        setTimeout(this.called.bind(this),500);  
    }  
}

Shell(Bash)学习笔记(一)

Sat, 05 Apr 2008 18:37:00 GMT

以前只是简单看过一些文章，了解一些。平时也就是写个简单的命令组合啥的，没写过复杂的脚本。最近一次为了恢复数据，写了一下脚本，发现这东西光学不练确实不行。顺便记一下学习笔记备用。

约定：本文中的shell特指bash.

由于javaeye博客编辑器没有提供shell代码格式，就只好勉强用javascript脚本格式插入代码。

一.变量

变量直接赋值，不用提前声明。

var="Hello"
var=Hello
var='Hello'

注意几点：

1.变量和值之间不能有空格，否则解释器会认为是几个命令。很多程序员的习惯是在＝号两边留空格为了好看，但这点在shell中行不通。

2.字符串不必用"号或者'，上面的几种赋值方式是等价的。除非字符串之间有空格的时候。

如:

var="Hello World"

这时候就需要用引号。

var=

这样的语句也是合法的，表示var的值为空。

4.使用变量的时候需要在变量前面加上$符号。这一点php程序员比较熟悉。

如:

echo $var

这也就是为什么shell中的字符串不必用引号的原因。你如果直接运行

echo var

系统会将var当作字符串，而不是变量处理。在变量前加上$号还有个好处就是在字符串中输出变量的时候，直接在字符串里面用变量就行。

如：

var=World
var2="$var World"
echo $var2

但与php不同的是变量赋值的时候不用加$符号。因为shell中没有==这个符号，判断相等也是用＝号。如果赋值的时候加上$号，会产生混淆。

还有一点要注意的就是单引号（'）字符串中的变量不会被替换。

var=World
var2='$var World'
echo $var2

上面的语句输出结果：$var World

这个可以用来输出$等特殊符号，而不用担心字符被当作变量替换。

二.语句

1.shell的语句不必用;号结束，除非是同一行写几个语句的时候。

2.shell中的语句块不用{}号扩起来。if语句一般就用fi表示结束。当然这个也有特例，后面会提到。

3.if语句

if [ condition ]
then 
    action
elif [ condition2 ]
then 
    action2
.
.
.
elif [ condition3 ]
then 
else
    actionx
fi

需要注意的是shell中没有elseif，而是elif(这个缩写也太变态了吧，有必要么？).

每个或者elif后跟着then，并且要换行或者用;分开。then可以和后面的action在一行。

3.for循环

var="one two three four"
for x in $var
do
     echo $x
done

for循环用do 和 done表示开始结束，不要举一反三，认为是用 rof结束。

4.while和util循环

while [ condition ]
 do
     statements
 done

until [ condition ]
 do
     statements
 done

5.条件语句

shell中的条件语句用[]号括起来，用于if,while,until等结构。

条件判断用=号，而不是==号。条件语句与[] 号之间要有空格分开。

如:

gender="boy"
if [ "$gender" = "girl" ]
then
      echo 'Welcome!'
else
      echo 'We only welcome girl.'
fi

还有要注意的是条件语句中=号两旁要有空格分开，否则shell会将条件语句整个作为一个字符串处理，条件永远为真。条件语句中的变量最好用"号引起来，否则如果该变量中有空格，shell就会报too many arguments错误。如果变量正好为空，则会报 =: unary operator expected.错误。因为变量为空的话，条件语句少了一边，当然会出错。所以，将字符串变量用双引号括起来是shell编程的好习惯,尤其在条件语句中。

其他的比较符号,如 >,<，不能直接在条件语句中使用，因为>号在shell中有特殊含义。下面是shell的比较运算符号表示方法:

算术比较运算符

num1-eq num2 	等于	[ 3 -eq $mynum ]
num1-ne num2 	不等于	[ 3 -ne $mynum ]
num1-lt num2 	小于	[ 3 -lt $mynum ]
num1-le num2 	小于或等于	[ 3 -le $mynum ]
num1-gt num2 	大于	[ 3 -gt $mynum ]
num1-ge num2 	大于或等于	[ 3 -ge $mynum ]

字符串比较运算符 

-z string 	如果 string长度为零，则为真 	[ -z "$myvar" ]
-n string 	如果 string长度非零，则为真 	[ -n "$myvar" ]
string1= string2 	如果 string1与 string2相同，则为真 	[ "$myvar" = "one two three" ]
string1!= string2 	如果 string1与 string2不同，则为真 	[ "$myvar" != "one two three" ]

6.case 语句

gender="boy" 
case "$gender" in
      boy)
            echo "We only welcome girl."
            ;;
      girl)
            echo 'Welcome !'
            ;;
      *)
            echo "unknow."
            ;;
 esac

case语句的语法比较怪，乍一看比较别扭。每个pattern用半括号括起来,用;;结束。

三.算术

shell 默认是用来处理字符串的，所以如果你直接运行:

echo 1+1

它会直接输出1+1，而不会输出2。如果需要计算表达式的值，则只需用"$((" 和 "))"将表达式括起。

echo $((1+1))

四.函数

add(){
    result=0
    for n in $*
    do
        result=$(($result+$n))
    done
    return $result
}

执行:

add 1 2 3
echo $?
echo $result

两个输出结果都是:6.

这里需要几点说明.shell中是不能直接获得函数的返回值的，如果你要用函数返回值，只能用全局变量传输。 shell中的变量默认都是全局的，除非你在前面加了local修饰符。如上面的例子，在函数外面，result变量也是可见的。如果你在result前加local修饰，result变量在函数外就不可见了。但shell会把函数返回值放在$?全局变量中，你可以用$? 来取得前个函数调用的返回值。$*可以获得函数的所有输入参数，$1表示第一个参数，以此类推。

五.其他

shell内置的一些特征，可以很容易的处理文件,以及和其他程序交互。

文件比较运算符

-e filename 	如果 filename存在，则为真 	[ -e /var/log/syslog ]
-d filename 	如果 filename为目录，则为真 	[ -d /tmp/mydir ]
-f filename 	如果 filename为常规文件，则为真 	[ -f /usr/bin/grep ]
-L filename 	如果 filename为符号链接，则为真 	[ -L /usr/bin/grep ]
-r filename 	如果 filename可读，则为真 	[ -r /var/log/syslog ]
-w filename 	如果 filename可写，则为真 	[ -w /var/mytmp.txt ]
-x filename 	如果 filename可执行，则为真 	[ -L /usr/bin/grep ]
filename1-nt filename2 	如果 filename1比 filename2新，则为真 	[ /tmp/install/etc/services -nt /etc/services ]
filename1-ot filename2 	如果 filename1比 filename2旧，则为真 	[ /boot/bzImage -ot arch/i386/boot/bzImage ]

for 循环中很容易遍历文件

for file in /home/*
do
   if [ -d "$file" ] 
   then
      echo $file is a directory
    fi
done

很容易调用其他程序的输出结果：

for user in `awk -F":" '{ print $1 }' /etc/passwd`
do
    echo find user $user
done

shell脚本中要使用其他命令的输出结果，只需用`符号把命令包含起来。注意：这个符号不是单引号，在键盘左上角那个位置。

六. 后记

基本的shell语法就学了这些，高级的还没弄通。这篇笔记也差不多长了，别的再边学边写。shell是基础，要配合awk，grep，sed这些工具才能发挥出效果。最近在看《unix编程艺术》,上面谈到了*nix系统的几个哲学基础原则，其中有个原则就是：

组合原则：设计时考虑拼接组合

*nix系统程序的的输入和输出一般都是简单，文本化，面向流的格式。这样便于程序和程序之间的交互和拼接。*nix系统下的程序一般都只完成单一功能，如果你需要要一个复杂的功能，那就需要把小程序拼接在一起。这一特征也决定了shell在*uix系统中的重要性。

七.shell学习资料

1.IBM Shell编程系列

本文中的许多例子以及资料就是来自该系列教程

2.Bash 参考手册

Gnu的bash官方参考手册

javascript获取网页元素的最终样式

Tue, 21 Aug 2007 12:00:00 GMT

今天遇到个问题，用js获取网页元素的样式，如果直接用 document.getElementById("idname").style 获取的话，只能获取该元素的专有样式，即在该元素上直接用style=“”指定的样式，而无法获取由class设置的和从上级元素继承来的样式，也就是浏览器生成dom后最终的样式，所以很头痛。网上搜索了一下，找到一个办法。

<html>  
   　　<head>  
   　　<style type="text/css">  
   　　div.special{  
   　　 background-color:red;  
   　　 height:50px;  
   　　 width:50px;  
   　　 margin:10px;  
   　　}  
  　　</style>  
  　　<script language="JavaScript">  
  　　function getBackgroundColor()  
  　　{  
  　　 var oDiv=document.getElementById("div1");  
  　　 alert(oDiv.currentStyle.backgroundColor||document.defaultView.getComputedStyle(oDiv,null).backgroundColor);  
  　　}  
  　　</script>  
  　　</head>  
  　　<body>  
  　　<div id="div1" class="special"></div>  
  　　<input type="button" value="Get Background Color" onclick="getBackgroundColor()">  
      </input>  
  　　</body>  
  　　</html>

注意：oDiv.currentStyle.backgroundColor是IE使用的方法，document.defaultView.getComputedStyle(oDiv,null).backgroundColor是DOM使用的方法。

内容来源：http://blog.tianya.cn/blogger/post_show.asp?BlogID=666817&PostID=7224874&idWriter=0&Key=0

JavaFX尝鲜

Sun, 29 Jul 2007 18:20:00 GMT

     java6出来以后，其一大特色就是对脚本语言的支持。以前只是粗略看了一下，没感觉到有什么具体的用处。最近又对java的特有脚本语言javaFX了解一下，感觉挺有意思。

一.以下是几个相关网址:
   1.sun javafx 官方网站:.www.sun.com/software/javafx/script/
   2.openjfx 网站: openjfx.dev.java.net/
   3.JavaFX: First Steps - "Hello OnJava" App www.oreillynet.com/onjava/blog/2007/05/javafx_first_steps_hello_onjav_1.html
   4.The JavaFX Script Programming Language Reference (Chinese version)

hello world 式的程序，很简单，稍看一下文档就明白了。
二.我比较喜欢这个语言的下面几个特征:

     这个语言融合了javascript，php,actionscript,sql 等许多脚本语言的特征。

    1.数组操作很有特色
         var nums = [0..3];
   .. 是范围表达式，上面的语句相当于 var nums == [0,1,2,3];
         数组支持类似于sql语句一样的查询表达式。
        var nums = select n*n from n in [1..100];
        结果便是从1到100每个数字的平方组成的数组。

     2.字符串
        javaFX中的字符串支持嵌入表达式

 var name = 'Joe';  
 var s = "Hello {name}";  
System.out.println(s);

      程序在输出结果的时候会自动把字符串中的表达式 {} 算出来，替换成结果。这段程序的输出结果是 : Hello Joe
       这个特点和php很相似。用在来做结果输出模板时很有用，不必用自己创造标签语法，输出的时候又得用正则分析，替换。

    3.类与对象
       对象声明可以用一种类似于json的语法进行。

class Person {
 attribute name: String;
 attribute parent: Person inverse Person.children;
 attribute children: Person* inverse Person.parent;
 function getFamilyIncome(): Number;
 function getNumberOfChildren(): Number;
 operation marry(spouse: Person);
 }
 
var chris = Person {
name: "Chris"
children:
[Person {
name: "Dee"
},
Person {
name: "Candice"
}]
};

4.很有特色的反射操作
javaFX的反射很奇妙，我都在想，为什么java的反射也不做成这样。

 import java.lang.System;  
   
     System.out.println(1.class.Name) // prints "Number"  
     System.out.println("Hello".class.Name); // prints "String"

方便吧？

三.在web中的尝试。
看了说明，好像javaFX出现的目标是简化Swing的界面开发编程。一方面javaFX还没有一个好的所见即所得的ide支持，另外本人对web方面的编程比较感兴趣。所以进行了一个小实验。
我的思路是用一个servlet拦截所有对fx的请求，根据requestURI,获得javafx文件的绝对路径，然后在servelt中调用java6的脚本引擎，解释执行。
FXServlet.java

import java.io.File;
 import java.io.FileInputStream;
 import java.io.IOException;
 import java.io.InputStreamReader;
 import javax.servlet.ServletException;
 import javax.servlet.http.HttpServlet;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
 
import javax.script.Bindings;
import javax.script.ScriptContext;
import javax.script.ScriptEngine;
import javax.script.ScriptEngineManager;
import javax.script.SimpleScriptContext;

public class FXServlet extends HttpServlet {

private String realPath;

public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {

this.doWork(request, response);
}


public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {

this.doWork(request, response);
}

public void doWork(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException{
System.out.println("begin ....");
 try {
ClassLoader loader = Thread.currentThread().getContextClassLoader();
ScriptEngineManager manager = new ScriptEngineManager(loader);
ScriptEngine engine = manager.getEngineByExtension("fx");

Bindings bindings = engine.createBindings();
//将request和response两个对象传递给脚本引擎。
bindings.put("REQUEST:javax.servlet.http.HttpServletRequest",request);
bindings.put("RESPONSE:javax.servlet.http.HttpServletResponse",response);

ScriptContext context = new SimpleScriptContext();
context.setBindings(bindings, ScriptContext.GLOBAL_SCOPE);
context.setBindings(bindings, ScriptContext.ENGINE_SCOPE);
engine.setContext(context);
String uri = request.getRequestURI();
String contextPath = request.getContextPath();
//将requestURI中的contextPath替换掉
if(contextPath!=null&&contextPath.trim().length()>0){
uri = uri.replaceAll(contextPath,"");
}
//根据requestURI取得fx文件的绝对地址我们把fx文件放在站点的 WEB-INF下的 jfx目录下。
String filePath = this.realPath + "WEB-INF"+ File.separator +"jfx" + uri;
File jfxFile =new File(filePath);

if(!jfxFile.exists()){
response.sendError(404);
}else{
InputStreamReader reader = new InputStreamReader(new FileInputStream(jfxFile));
engine.eval(reader);
reader.close();
}
} catch (Exception e) {
e.printStackTrace();
}
System.out.println("... end");
}

public void init() throws ServletException {
this.realPath = this.getServletContext().getRealPath("/");
}

}

web.xml

    <?xml version="0" encoding="UTF-8"?>  
   <web-app version="4"   
       xmlns="http://java.sun.com/xml/ns/j2ee"   
       xmlns:xsi="http://www.worg/2001/XMLSchema-instance"   
       xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee   
       http://java.sun.com/xml/ns/j2ee/web-app_2_xsd">  
     <servlet>  
       <servlet-name>FXServlet</servlet-name>  
       <servlet-class>net.teamhot.jfxweb.FXServlet</servlet-class>  
    </servlet>  
    
    <servlet-mapping>  
      <servlet-name>FXServlet</servlet-name>  
      <url-pattern>*.fx</url-pattern>  
    </servlet-mapping>  
  </web-app>

Hello.fx

import java.lang.System;
 import javax.servlet.http.HttpServlet;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
 import java.io.PrintWriter;
 
 //接受从java中传递过来的参数
 var request:HttpServletRequest = REQUEST;
 var response:HttpServletResponse = RESPONSE;

var name = request.getParameter("name");
var out:PrintWriter = response.getWriter();

var template = "Hello World!{if name ==null then 'guest' else name}";

out.print(template);

运行:http://localhost:8080/jfx/Hello.fx
结果:Hello World!guest

运行:http://localhost:8080/jfx/Hello.fx?name=jolestar
结果:Hello World!jolestar

注意:本程序需要tomcat在jdk6环境下运行，如果还是提示找不到javax.script.ScriptEngine，请将jdk6 lib 下面的rt.jar中的javax.script包抽取出来，重新打包后放到 tomcat common lib 下面。

这个程序没有考虑效率问题。其实这样的事情应该由容器完成，本人只是做了个小小的实验。

Related Posts
There are no related posts for this blog entry