语源科技BlogJava-Java Frame Design XML Stream Database

页面上判断滚动条是否存在

Just Do It — Sat, 15 May 2010 09:57:00 GMT

// 是否存在纵向滚动条
Face.hasScrollY = function(dom){
    if (dom.offsetTop > 0 || dom.scrollHeight > dom.offsetHeight) {
        return true;
    }else{  // 由于滚动范围非常小的时候dom.scrollHeight > dom.offsetHeight 并不成立
        dom.scrollTop = 1;    // 既然滚动范围小，即使动作欠雅也无伤大雅
        if(dom.scrollTop > 0){
            return true;
        }else{
            return false;
        }
    }
};

Just Do It 2010-05-15 17:57 发表评论

Google SVN操作步骤[摘]

Just Do It — Mon, 14 Dec 2009 15:15:00 GMT

1. 进入http://code.google.com/ 用Google帐户登录（推荐使用gmail邮箱）。然后点击>Project Hosting

2. 进入>> http://code.google.com/hosting/ 然后点击>Create a new project

3. 填入信息：

写入项目名，描述
4. 提交成功后，选择菜单的Source（其中有https上传协议路径需要拷贝一份，还有一个上传密码）。

5.如果想查看自己的项目，可以用浏览器登陆https的路径，输入Google账号和上传密码，如果成功就可以看到含有项目名称的目录。

在第三步中的两个选项就是开源协议。如果不选，就不可以新建项目。

所以说Google还是在强制你开源，对于正式的项目开发，是讲究保密的。所以Google不可取。博客园的一位前辈说如果不开源，30天内就会删除项目，所以说

如果不想开源的朋友，就不要搞Google SVN啦。

我这里道是还有一个推荐，就是svnhost，这个网允许每个注册用户拥有一个私有项目。

但是缺点是只给50MB空间，对于较大项目，还是不能部署。

所以如果正式开发，建议还是在服务器上搞一个SVN服务器。

Just Do It 2009-12-14 23:15 发表评论

网页上的拼音码生成

Just Do It — Fri, 04 Dec 2009 01:54:00 GMT

    在C/S程序中，我们通常会把汉字的拼音简码记录在一个表中，然后编写一个工具函数来生成一段文字的拼音码。而在WEB页面上，文字的简码存储在数据库表中的极不方便，使用AJAX技术也很繁琐。那么如果能把文字的简码直接存储在js里，在客户端实时生成拼音码就比较方便了。
    在javascript中，我们可以用如下方式生成一个MAP样的对象：
    var charsCode = {"啊":"A","波":"B",...};
    于是得到某个文字的拼音简码就很简单了：charsCode["啊"]即可。
    显然，文字的简码在数据表中有，我们可以用简单的sql语句就生成上面定义简码MAP的JS代码，工作量最大的那部分事情就搞定了。
    接下来只需要定义工具函数即可：

// 获取每个包括字符的拼音简码。
function getCharsCode(str){
    str = str.toUpperCase();
    var len = str.length;
    var c, result="", t;
    for(i=0; i<len; i++){
        c = str.substr(i,1);
        t = mCharsCode[c];
        if (""+t == "undefined") t = "";
        result += t;
    }
    return result;
}

// 对于英文单词，仅取首字母
function getWordsCode(str){
    str = str.toUpperCase();
        str = str.replace(/([A-Z])[A-Z]*/g, "$1");
    var len = str.length;
    var c, result="", t;
    for(i=0; i<len; i++){
        c = str.substr(i,1);
        t = mCharsCode[c];
        if (""+t == "undefined") t = "";
        result += t;
    }
    return result;
}

那么在WEB页面中，我们只要引入相应的js文件，就可以方便的调用了，举例如下：

<html>
    <head>
        <script language="javascript" src="charscode.js">script>
    head>
    <body style="font-size:12px">
        <form>
            输入内容：<input type="text" onkeyup="pym.innerHTML = getCharsCode(this.value);" /> <br />
            拼音码：<span id="pym">span>
        form>
    body>
html>

以下是已经包含6千多汉字及其它字符以及工具函数的js与html文件：
/Files/justdoit/charcode.rar

Just Do It 2009-12-04 09:54 发表评论

表达式求值的经典算法

Just Do It — Tue, 01 Dec 2009 08:03:00 GMT

摘自：http://www.ibm.com/developerworks/cn/java/j-w3eva/index.html#main

编写代码对算术表达式求值的经典方法由 Donald Knuth 描述于 1962 年（请参阅参考资料）。Knuth 将此概括为三个步骤：

对中缀表达式进行语法分析
中缀表达式到后缀表达式的转换
对后缀表达式求值

注意到我们谈到的这个经典算法有些简化：算术表达式只包含操作数、二元操作符和一种括号。此外，对于每个操作数和操作符，只用单个字符表示，使语法分析直观。

表达式表示法

算术表达式中最常见的表示法形式有 中缀、前缀和后缀表示法。中缀表示法是书写表达式的常见方式，而前缀和后缀表示法主要用于计算机科学领域。

中缀表示法
中缀表示法是算术表达式的常规表示法。称它为中缀表示法是因为每个操作符都位于其操作数的中间，这种表示法只适用于操作符恰好对应两个操作数的时候（在操作符是二元操作符如加、减、乘、除以及取模的情况下）。对以中缀表示法书写的表达式进行语法分析时，需要用括号和优先规则排除多义性。

Syntax: operand1 operator operand2
            Example: (A+B)*C-D/(E+F)

前缀表示法
前缀表示法中，操作符写在操作数的前面。这种表示法经常用于计算机科学，特别是编译器设计方面。为纪念其发明家 ― Jan Lukasiewicz（请参阅参考资料），这种表示法也称 波兰表示法。

Syntax  : operator operand1 operand2
            Example : -*+ABC/D+EF

后缀表示法
在后缀表示法中，操作符位于操作数后面。后缀表示法也称 逆波兰表示法（reverse Polish notation，RPN），因其使表达式求值变得轻松，所以被普遍使用。

Syntax  : operand1 operand2 operator
            Example : AB+C*DEF+/-

前缀和后缀表示法有三项公共特征：

操作数的顺序与等价的中缀表达式中操作数的顺序一致
不需要括号
操作符的优先级不相关

中缀表达式到后缀表达式的转换

要把表达式从中缀表达式的形式转换成用后缀表示法表示的等价表达式，必须了解操作符的优先级和结合性。 优先级或者说操作符的强度决定求值顺序；优先级高的操作符比优先级低的操作符先求值。如果所有操作符优先级一样，那么求值顺序就取决于它们的 结合性。操作符的结合性定义了相同优先级操作符组合的顺序（从右至左或从左至右）。

Left associativity  : A+B+C = (A+B)+C
            Right associativity : A^B^C = A^(B^C)

转换过程包括用下面的算法读入中缀表达式的操作数、操作符和括号：

初始化一个空堆栈，将结果字符串变量置空。
从左到右读入中缀表达式，每次一个字符。
如果字符是操作数，将它添加到结果字符串。
如果字符是个操作符，弹出（pop）操作符，直至遇见开括号（opening parenthesis）、优先级较低的操作符或者同一优先级的右结合符号。把这个操作符压入（push）堆栈。
如果字符是个开括号，把它压入堆栈。
如果字符是个闭括号（closing parenthesis），在遇见开括号前，弹出所有操作符，然后把它们添加到结果字符串。
如果到达输入字符串的末尾，弹出所有操作符并添加到结果字符串。

后缀表达式求值

对后缀表达式求值比直接对中缀表达式求值简单。在后缀表达式中，不需要括号，而且操作符的优先级也不再起作用了。您可以用如下算法对后缀表达式求值：

初始化一个空堆栈
从左到右读入后缀表达式
如果字符是一个操作数，把它压入堆栈。
如果字符是个操作符，弹出两个操作数，执行恰当操作，然后把结果压入堆栈。如果您不能够弹出两个操作数，后缀表达式的语法就不正确。
到后缀表达式末尾，从堆栈中弹出结果。若后缀表达式格式正确，那么堆栈应该为空。

Just Do It 2009-12-01 16:03 发表评论

FreeTextBox 增加按钮

Just Do It — Sun, 29 Nov 2009 03:53:00 GMT

红色部分是我自己添加上去的，它默认的文件夹是aspnet_client\FreeTextBox，所以ButtonImage这个属性是指在aspnet_client\FreeTextBox\images里的psn.gif图片。ScriptBlock 当然是指要执行的确JS事件了。

其它类型的ToolbarButton有：

Bold 加粗
BulletedList 项目符号
Copy 复制
CreateLink 插入链接
Cut 剪切
Delete 删除
DeleteTableColumn 删除一列(En)
DeleteTableRow 删除一行(En)
IeSpellCheck IE拼写检查(En 需要安装拼写检查软件)
Indent 增加缩进
InsertDate 插入日期
InsertImage 插入图片
InsertRule 插入水平线(En)
InsertTable 插入表格(En)
InsertTableColumnAfter 插入表格列在后面(En)
InsertTableColumnBefore 插入表格列在前面(En)
InsertTableRowAfter 插入表格行在后面(En)
InsertTableRowBefore 插入表格行在前面(En)
InsertTime 插入时间
Italic 斜体
JustifyCenter 居中
JustifyFull 两端对齐
JustifyLeft 左对齐
JustifyRight 右对齐
NetSpell 网络拼写检查(En)
NumberedList 编号
Outdent 减少缩进
Paste 粘贴
Print 打印
Redo 重复
RemoveFormat 删除所有格式
Save 保存(En)
StrikeThrough 删除线
SubScript 下标
SuperScript 上标
Underline 下划线
Undo 撤消
Unlink 删除链接

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/wenzhixing/archive/2009/08/25/4484611.aspx

Just Do It 2009-11-29 11:53 发表评论

CSS的常用技巧

Just Do It — Fri, 27 Nov 2009 02:10:00 GMT

收藏夹小图标

如果你将本站加入收藏夹，可以看到在收藏夹网址之前的IE图标变成了本站特别的图标。要实现这样效果很简单，首先制作一个16x16的icon图标，命名为favicon.ico，放在根目录下。然后将下面的代码嵌入head区：

Just Do It 2009-11-27 10:10 发表评论

IE6.0不支持任意元素的hover伪类替代方案

Just Do It — Mon, 23 Nov 2009 14:46:00 GMT

IE7任意元素均支持hover的css伪类，IE6仅a元素支持，此时，可通过css里加入event:expression的方式来达到css控制的效果：

<html>
<head>
<style>
.c
{
  background:#ff0000;
   event:expression(
      onmouseover=function(){
         this.style.backgroundColor='#FF0000';
      },
      onmouseout=function(){
         this.style.backgroundColor='#0000FF';
      }
   );
}
style>
head>
<body>
<form name="form1">
form>
    <input type="button" class="c" value="VALUE" />
body>
html>

Just Do It 2009-11-23 22:46 发表评论

始终位于文档中心的DIV元素

Just Do It — Mon, 23 Nov 2009 03:34:00 GMT

定义一个始终居中的层，当窗口大小或滚动条发生变化时，它也会随之变化，始终处于文档中心。

Just Do It 2009-11-23 11:34 发表评论

关于clientWidth取值问题【摘】

Just Do It — Mon, 23 Nov 2009 03:03:00 GMT

http://hi.baidu.com/bluedream_119/blog/item/dc377d4bef83aff783025c68.html

关于获取各种浏览器可见窗口大小:

在我本地测试当中：
在IE、FireFox、Opera下都可以使用
document.body.clientWidth
document.body.clientHeight
即可获得，很简单，很方便。
而在公司项目当中：
Opera仍然使用
document.body.clientWidth
document.body.clientHeight
可是IE和FireFox则使用
document.documentElement.clientWidth
document.documentElement.clientHeight
原来是W3C的标准在作怪啊

如果在页面中添加这行标记的话在IE中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
在FireFox中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
?
在Opera中：
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
而如果没有定义W3C的标准，则
IE为：
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox为：
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
Opera为：
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）

Just Do It 2009-11-23 11:03 发表评论

CSS绝对定位、浮动定位

Just Do It — Mon, 23 Nov 2009 02:09:00 GMT

http://www.w3school.com.cn/css/css_positioning_absolute.asp

CSS绝对定位

设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。

CSS 绝对定位

绝对定位使元素的位置与文档流无关，因此不占据空间。这一点与相对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。

普通流中其它元素的布局就像绝对定位的元素不存在一样：

#box_relative {

position: absolute;

left: 30px;

top: 20px;

}

如下图所示：

绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。

对于定位的主要问题是要记住每种定位的意义。所以，现在让我们复习一下学过的知识吧：相对定位是“相对于”元素在文档中的初始位置，而绝对定位是“相对于”最近的已定位祖先元素，如果不存在已定位的祖先元素，那么“相对于”最初的包含块。

注释：根据用户代理的不同，最初的包含块可能是画布或 HTML 元素。

提示：因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制这些框的堆放次序。

浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。

由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。

CSS 浮动

请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘：

再请看下图，当框 1 向左浮动时，它脱离文档流并且向左移动，直到它的左边缘碰到包含框的左边缘。因为它不再处于文档流中，所以它不占据空间，实际上覆盖住了框 2，使框 2 从视图中消失。

如果把所有三个框都向左移动，那么框 1 向左浮动直到碰到包含框，另外两个框向左浮动直到碰到前一个浮动框。

如下图所示，如果包含框太窄，无法容纳水平排列的三个浮动元素，那么其它浮动块向下移动，直到有足够的空间。如果浮动元素的高度不同，那么当它们向下移动时可能被其它浮动元素“卡住”：

Just Do It 2009-11-23 10:09 发表评论