WEB交互设计

JAVA基本数据类型

huheng1234@163.com(今晚打老虎) — Wed,19 Nov 2008 09:50:34 +0800

Java语言是一种强类型语言。这意味着每个变量都必须有一个声明好的类型。Java语言提供了八种基本类型。六种数字类型（四个整数型，两个浮点型），一种字符类型，还有一种布尔型。Java另外还提供大数字对象，但它不是Java的数据类型。

　　1、整数：

　　定义：没有小数部分的数字，负数是允许的。

　　种类：Java提供四种整数类型：

　　int 4个字节(32bit) -2,147,483,648到2,147,483,647 默认为0
　　short 2个字节(16bit) -32,768到32,767  默认为0
　　long 8个字节(64bit) -9,223,372,036,854,775,808L到9,223,372,036,854,775,807L  默认为0L
　　byte 1个字节(8bit) -128到127  默认为0

　　2、浮点数：

　　定义：含有小数部分的数字。

　　分类：Java提供两种浮点数：

　　float 4个字节(32bit) 约+—3.40282347E+38F（6~7个有效的十进制数位）默认为0.0F

　　double 8个字节(64bit) 约+-1.79769313486231570E+308（15个有效数位）  默认为0.0D

　　说明：

　　1）float类型的数值有个后缀：F，如果没有后缀F，那么默认为double。double类型的数值也可以使用后缀D。

　　2）当这些数字遇到取值范围错误时，会发生（上溢Overflow）；而在遇到象被零除时，会发生下溢（Underflow）。

　　3、字符类型：

　　定义：单引号用来表示char常量，

　　说明：

　　1）双引号则表示一个字串，他是Java的一个对象，并不是数据类型。

　　2）char类型表示Unicode编码方案中的字符,默认为'\u0000',两个字节(16bit)范围('\u0000'～'\uFFFF')

　　Unicode可同时包含65536个字符，ASCII/ANSI只包含255个字符，实际上是Unicode的一个子集。Unicode字符通常用十六进制编码方案表示，范围在'\u0000'到'\uFFFF'之间。\u0000到\u00FF表示ASCII/ANSI字符。\u表示这是一个Unicode值。

　　3）在Java中除了用这个\u的形式来表示字符外，还可以使用换码序列来表示特殊字符。

　　\b 退格 \u0008　　\t Tab制表 \u0009　　\n 换行 \u000a　　\r 硬回车 \u000d

　　\" 双引号 \u0022　　\' 单引号 \u0027　　\ 反斜杠 \u005c

　　4）理论上在Java的应用程序和小应用程序中使用Unicode字符，但至于他们是否能真正显示出来，却要取决于使用的浏览器和操作系统，其中操作系统是最根本的。

　　4、布尔类型：

　　boolean类型只有两个值:false和true，一个字节(8bit)，默认为false。范围(true,false)

BeanFactory与ApplicationConText区别

huheng1234@163.com(今晚打老虎) — Sat,15 Nov 2008 13:41:44 +0800

使用BeanFactory从xml配置文件加载bean:
import org.springframework.beans.factory.xml.XmlBeanFactory;
import org.springframework.core.io.FileSystemResource;

public class XmlConfigWithBeanFactory {

    public static void main(String[] args) {
        XmlBeanFactory factory = new XmlBeanFactory(new FileSystemResource(
                "build/beans.xml"));

    }
}
使用ApplicationConText从xml配置文件加载bean:
public class XmlConfigWithApplication{

    public static void main(String[] args){
        ApplicationContext application = new ClassPathXmlApplicationContext(beans.xml"));
         application.getBean("BeanName");
    }
}

    ApplicationContext和BeanFacotry相比,提供了更多的扩展功能，但其主要区别在于后者是延迟加载,如果Bean的某一个属性没有注入，BeanFacotry加载后，直至第一次使用调用getBean方法才会抛出异常；而ApplicationContext则在初始化自身是检验，这样有利于检查所依赖属性是否注入；所以通常情况下我们选择使用ApplicationContext.
简单的说：除非你有更好的理由，否则尽量使用ApplicationContext

oracle 获取ip

huheng1234@163.com(今晚打老虎) — Mon,10 Nov 2008 12:20:18 +0800

Oracle服务器版本(817以上)：
utl_inaddr.get_host_address，utl_inaddr.get_host_name
客户端：
sys_context('userenv','ip_address')
Select UTL_INADDR.GET_HOST_ADDRESS,UTL_INADDR.get_host_name, SYS_CONTEXT('userenv', 'ip_address') FROM DUAL;

DBA面试题及解答

huheng1234@163.com(今晚打老虎) — Mon,10 Nov 2008 11:55:06 +0800

一：SQL tuning 类

1:列举几种表连接方式
答:merge join,hash join,nested loop

2:不借助第三方工具，怎样查看sql的执行计划
答:sqlplus
set autotrace ...
utlxplan.sql创建plan_table表

3:如何使用CBO,CBO与RULE的区别
答:在初始化参数里面设置optimizer_mode=choose/all_rows/first_row等可以使用cbo.
rbo会选择不合适的索引,cbo需要统计信息。

4:如何定位重要(消耗资源多)的SQL
答:根据v$sqlarea 中的逻辑读/disk_read。以及寻找CPU使用过量的session,查出当前session的当前SQL语句.

5:如何跟踪某个session的SQL
答:先找出对应的'sid,serial',然后调用system_system.set_sql_trace_in_session(sid,serial,true).
6:SQL调整最关注的是什么
答:逻辑读。IO量

7:说说你对索引的认识（索引的结构、对dml影响、对查询影响、为什么提高查询性能
答:默认的索引是b-tree.
对insert的影响.(分裂，要保证tree的平衡)
对delete的影响.(删除行的时候要标记改节点为删除).
对update的影响，如果更新表中的索引字段，则要相应的更新索引中的键值。
查询中包含索引字段的键值和行的物理地址。

8:使用索引查询一定能提高查询的性能吗？为什么
答:不能。如果返回的行数目较大，使用全表扫描的性能较好。

9:绑定变量是什么？绑定变量有什么优缺点
答:通俗的说，绑定变量就是变量的一个占位符，使用绑定变量可以减少只有变量值不同的
语句的解析。

10:如何稳定(固定)执行计划
答:使用stored outline.

11:和排序相关的内存在8i和9i分别怎样调整，临时表空间的作用是什么
答:8i：使用sort_area_size，hash_area_size,每个session分配相同的值，不管有无使用。
9i: 使用pga_aggregate来统一管理。
临时表空间的作用:
在sort_area_size中不能完成的部分在临时表空间完成，临时表空间在重建索引，创建临时表等都要用到。
还有hash join不能完成的也在临时表空间中做。

12:存在表T(a,b,c,d),要根据字段c排序后取第21—30条记录显示，请给出sql
select a,b,c,d from (select a,b,c,d from T order by c) where rownum<=30
minus
select a,b,c,d from (select a,b,c,d from T order by c) where rownum <=20;
或者：
select * from (select rownum rn,a.* from (select a,b,c,d from T order by c) a )where rn between 21 and 30;

二：数据库基本概念类

1:pctused and pctfree 表示什么含义有什么作用
答:表示数据块什么时候移入和移出freelist。
pctused:如果数据块的使用率小于pctused的值，则该数据块重新加入到fresslist中。
pctfree：如果数据块的使用率高于pctfree的值，则该数据块从freelist中移出。

2:简单描述table / segment / extent / block之间的关系
答:一个table至少是一个segment，如果分区表，则每个分区是一个segment,table可以看成是一个逻辑上的概念，segment可以看成是这个逻辑概念的物理实现；
segment由一个或多个extents组成，segment不可以跨表空间但可以跨数据文件；
extent由多个连续的blocks组成，不可以跨数据文件；
block由1-多个os块组成，是oracle i/o的最小存储单位。

3:描述tablespace和datafile之间的关系
答:tablespace是逻辑上的概念，datafile是物理上的概念。
一个tablespace可以由多个datafile组成，一个datafile不能跨越多个tablespace。

4:本地管理表空间和字典管理表空间的特点，ASSM有什么特点
答:一个使用freelist管理，一个使用位图管理。

5:回滚段的作用是什么
答：保存数据的前像，保证数据读取的时间点一致性。Oracle里数据的多版本特性就是通过回滚段来实现的，正因为此，Oracle数据库实现了读写不竞争的性能优势！

6:日志的作用是什么
答：纪录对数据库的操作，便与恢复。

7:SGA主要有那些部分，主要作用是什么
答：db_cache(缓存数据块),shared_pool(缓存sql,执行计划，数据字典信息等),large_pool(MTS模式、parallel 、rman等要用到),java pool(java程序如SQLJ存储过程运行时要用到)

8：racle系统进程主要有哪些，作用是什么
答：smon（合并空间，实例恢复）,pmon（清理失败的进程）,归档进程（负责在日志切换的时候归档日志文件）,lgmr（日志书写器进程,负责写日志）,ckpt(检查点进程，触发检查点),dbwr(数据库写入器，负责把数据写入导datafile)

三：备份恢复类

1:备份如何分类
答：逻辑备份(exp)与物理备份。
或者冷备份与热备份。

2:归档是什么含义
答：把日志文件放到另一个地方。

3:如果一个表在2004-08-04 10:30:00 被drop，在有完善的归档和备份的情况下，如何恢复
答：拷贝备份，
recover database until time 2004-08-04 10:30:00
alter database open resetlogs;

4:rman是什么，有何特点
答：rman叫恢复管理器.
特点很多。可以在线备份，到少目标数据库是mount状态。
1：热备份。
2：可以存储脚本。
3：可以增量备份。
4：自动管理备份集。

5:standby的特点
答：利用传输重做日志来达到同步的目的。可以设定多个保护级别，9i后支持逻辑standbyDB。

6:对于一个要求恢复时间比较短的系统(数据库50G,每天归档5G)，你如何设计备份策略
答：每天一个全备份。

四：系统管理类

1:对于一个存在系统性能的系统，说出你的诊断处理思路
答:做一个statspack，根据top 5,system load,top sql等来做相应的调整。

2:列举几种诊断IO、CPU、性能状况的方法
答:hp-unix:iostat -x 1 5;
top/vmstat/glance

3:对statspack有何认识
答:一个性能诊断工具而已，其本质就是在两个时间点采样两个系统数据。(动态性能视图)，然后根据两个snapshot，产生一个报告。

4:如果系统现在需要在一个很大的表上创建一个索引，你会考虑那些因素，如何做以尽量减小对应用的影响
答:1:增大sort_area_size(8i)/pga_aggregate_target(9i)值。
2:如果表有分区（一般大表都要用到分区的），按分区逐个建索引，如果是本地索引的话;
3:系统空闲的时候建。

5:对raid10 和raid5有何认识
答:raid10是先镜像后条带，适合对写入速度要求较高的数据库系统，特别是online redolog文件，raid5适合大部分的数据库系统和数据仓库系统，读性能优于写性能。

五：综合随意类

1:你最擅长的是oracle哪部分?
答:性能/sql 调优、备份恢复。

2:喜欢oracle吗？喜欢上论坛吗？或者偏好oracle的哪一部分？
答:Oracle的SQL 优化。

3:随意说说你觉得oracle最有意思的部分或者最困难的部分
答:SQL调优，最困难的是Oracle的网络管理，Oracle的Connect Manager没用过。

4:为何要选择做DBA呢?
答:爱好加职业历史积累。

4:如果系统现在需要在一个很大的表上创建一个索引，你会考虑那些因素，如何做以尽量减小对应用的影响
答:1:增大sort_area_size(8i)/pga_aggregate_target(9i)值。
2:用并行的方式来建。
3:系统空闲的时候建。

其他：

什么是聚集索引，什么是非聚集索引，什么又是主键？
聚簇索引的顺序就是数据的物理存储顺序，叶节点就是数据节点。
非聚簇索引的顺序与数据物理排列顺序无关，叶节点仍然是索引节点，只不过有一个指针指向对应的数据块。
能够唯一表示数据表中的每个记录的字段或者字段的组合就称为主键，通过它可强制表的实体完整性。

1、事务是什么？
A：所谓事务是用户定义的一个数据库操作序列，这些操作要么全做要么全不做，是一个不可分割的工作单位。

2、oracle中truncate和delete命令有何区别？A：
（1）delete将在回滚段中产生回滚信息，truncate不产生，因此无论表中的记录多少，truncate执行都很快。
（2）truncate 是 DDL，执行隐含的commit，truncate不能回滚。任何没有提交的 DML 改变也将会和truncate一起提交。
（3）truncate 重置表及其索引高水位标志。全表扫描和索引快速全扫描读高水位标志下的所有数据块，因此在delete后全扫描性能没有提高，但truncate后将会变快。
（4）truncate 不触发 delete 触发器。
（5）没有对象权限允许一个用户 truncate 另一个用户的表。这样做需要 Drop ANY TABLE 系统权限。
（6）当一个表被 truncate，表及其索引的存储将被重置回初始大小。而 delete 不收缩表及其索引的大小。
（7）当父表有一个可用的引用完整性约束时不能被 truncate。必须先disable引用父表的外键约束，再truncate。

3、Oracle中char和varchar2数据类型有什么区别？
有数据”test”分别存放到char(10)和varchar2(10)类型的字段中，其存储长度及类型有何区别？A：char是定长字符类型，varchar2是变长字符类型。“test”在char(10)中被补齐空格，存储长度是10字节，在varchar2(10)中存储长度是4字节。

oracle删除重复记录

huheng1234@163.com(今晚打老虎) — Sun,02 Nov 2008 17:01:39 +0800

假设表名为Tbl，表中有三列col1，col2，col3，其中col1，col2是主键，并且，col1，col2上加了索引。
1、通过创建临时表

可以把数据先导入到一个临时表中，然后删除原表的数据，再把数据导回原表，SQL语句如下：

creat table tbl_tmp (select distinct* from tbl);

truncate table tbl;//清空表记录

insert into tbl select * from tbl_tmp;//将临时表中的数据插回来。

这种方法可以实现需求，但是很明显，对于一个千万级记录的表，这种方法很慢，在生产系统中，这会给系统带来很大的开销，不可行。

2、利用rowid

在oracle中，每一条记录都有一个rowid，rowid在整个数据库中是唯一的，rowid确定了每条记录是oracle中的哪一个数据文件、块、行上。在重复的记录中，可能所有列的内容都相同，但rowid不会相同。SQL语句如下：

delete from tbl where rowid in (select a.rowid from tbl a, tbl b where a.rowid>b.rowid and a.col1=b.col1 and a.col2 = b.col2)

如果已经知道每条记录只有一条重复的，这个sql语句适用。但是如果每条记录的重复记录有N条，这个N是未知的，就要考虑适用下面这种方法了。

3、利用max或min函数

这里也要使用rowid，与上面不同的是结合max或min函数来实现。SQL语句如下

delete from tbl a where rowid not in (select max(b.rowid) from tbl b where a.col1=b.col1 and a.col2 = b.col2);//这里max使用min也可以

或者用下面的语句

delete from tbl a where rowid < (select max(b.rowid) from tbl b where a.col1=b.col1 and a.col2 = b.col2);//这里如果把max换成min的话，前面的where子句中需要把"<"改为">"

跟上面的方法思路基本是一样的，不过使用了group by，减少了显性的比较条件，提高效率。SQL语句如下：

delete from tbl where rowid not in (select max(rowid) from tbl t group by t.col1, t.col2 );

delete from tbl where (col1, col2) in (select col1,col2 from tbl group by col1,col2 having count(*) > 1) and rowid not in (select nin(rowid) from tbl group by col1,col2 having count(*) > 1)

[JS]两行代码的QQ窗口抖动效果

huheng1234@163.com(今晚打老虎) — Thu,23 Oct 2008 13:27:47 +0800

HTML代码

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

JavaScript游戏开发之碰撞事件[很有趣]

huheng1234@163.com(今晚打老虎) — Mon,15 Sep 2008 20:43:39 +0800

HTML代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>once upon a time - Interactive DHTML art-demos</TITLE>
<FCK:META http-equiv=Content-Type content="text/html; charset=gb2312" />
<FCK:META content="Gerard Ferrandez at <a target="_blank" href="http://www.dhteumeuleu.com">http://www.dhteumeuleu.com</a>" name=author />
<FCK:META http-equiv=imagetoolbar content=no />
<STYLE type=text/css>BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #000000; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; CURSOR: url('<a href="http://www.dhteumeuleu.com/no.cur" target="_blank">http://www.dhteumeuleu.com/no.cur</a>'); PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 100%
}
SPAN {
POSITION: absolute
}
</STYLE>
<SCRIPT type=text/javascript><!--
// ====================================================
// script: Gerard Ferrandez - Ge-1-doot - DECEMBER 2K4
// <a target="_blank" href="http://www.dhteumeuleu.com/">http://www.dhteumeuleu.com/</a>
// crossbrowser: IE6 - Firefox - Opera - NS7
// ====================================================

window.onerror = new Function("return true")
var O   = new Array()
var SH  = SW = SPA = SO = xm = ym = XQ = YQ = YB = XB = 0
var pS  = 25
var pQ  = 100
var pQ2 = pQ / 2
var pS2 = pS / 2

function resize() {
	with(SPA.style){
		L = left = Math.round(-1+(document.body.offsetWidth - SW) / 2)
		H = top  = Math.round(-1+(document.body.offsetHeight - SH) / 2)
		width    = SW
		height   = SH
	}
}
onresize = resize

onload = function (){
	document.onmousemove = function(e){
		if (window.event) e = window.event
		xm = (e.x || e.clientX) - L
		ym = (e.y || e.clientY) - H
	}
	SPA = document.getElementById("SPAN")
	SO  = document.getElementById("SPLASH").style
	SO.width  = pQ
	SO.height = pQ
	SH  = document.body.offsetHeight
	SW  = pQ - pS2
	SX  = Math.round(SW / pS) - 1
	xm  = SW / 2
	ym  = SH / 2
	resize()
	pQM()
	for(j=0;j<60;j++){
		O[j] = new CObj(j)
		setTimeout("O["+j+"].run()",j * 123)
	}
}
//-->
</SCRIPT>
<FCK:META content="MSHTML 6.00.3790.4210" name=GENERATOR /></HEAD>
<BODY>
<DIV id=SPAN style="BACKGROUND: #222222; POSITION: absolute">
<DIV id=SPLASH
style="BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; FONT-SIZE: 1px; BACKGROUND: #000000; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid; POSITION: absolute; TOP: -1000px"></DIV></DIV><div style="font-size:16px;"> div></body></HTML>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

JavaScript仿LightBox内容显示效果

huheng1234@163.com(今晚打老虎) — Mon,15 Sep 2008 20:40:10 +0800

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>

var isIE = (document.all) ? true : false;

var isIE6 = isIE && ([/MSIE (\d)\.0/i.exec(navigator.userAgent)][0][1] == 6);

function Each(list, fun){
for (var i = 0, len = list.length; i < len; i++) { fun(list[i], i); }
};

var $ = function (id) {
    return "string" == typeof id ? document.getElementById(id) : id;
};

var Class = {
  create: function() {
    return function() {
      this.initialize.apply(this, arguments);
    }
  }
}

Object.extend = function(destination, source) {
  for (var property in source) {
    destination[property] = source[property];
  }
  return destination;
}

Function.prototype.bind = function(object) {
  var __method = this, args = Array.apply(null, arguments); args.shift();
  return function() {
    return __method.apply(object, args);
  }
}

var OverLay = Class.create();
OverLay.prototype = {
  initialize: function(overlay, options) {
this.Lay = $(overlay);//覆盖层

//ie6设置覆盖层大小程序
this._size =  function(){};

this.SetOptions(options);

this.Color = this.options.Color;
this.Opacity = parseInt(this.options.Opacity);
this.zIndex = parseInt(this.options.zIndex);

this.Set();
  },
  //设置默认属性
  SetOptions: function(options) {
    this.options = {//默认值
Color:"#fff",//背景色
Opacity:50,//透明度(0-100)
zIndex:1000//层叠顺序
    };
    Object.extend(this.options, options || {});
  },
  //创建
  Set: function() {
this.Lay.style.display = "none";
this.Lay.style.zIndex = this.zIndex;
this.Lay.style.left = this.Lay.style.top = 0;

if(isIE6){
this.Lay.style.position = "absolute";
this._size = function(){
this.Lay.style.width = Math.max(document.documentElement.scrollWidth, document.documentElement.clientWidth) + "px";
this.Lay.style.height = Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight) + "px";
}.bind(this);
//遮盖select
this.Lay.innerHTML = ''
} else {
this.Lay.style.position = "fixed";
this.Lay.style.width = this.Lay.style.height = "100%";
}
  },
  //显示
  Show: function() {
//设置样式
this.Lay.style.backgroundColor = this.Color;
//设置透明度
if(isIE){
this.Lay.style.filter = "alpha(opacity:" + this.Opacity + ")";
} else {
this.Lay.style.opacity = this.Opacity / 100;
}
//兼容ie6
if(isIE6){ this._size(); window.attachEvent("onresize", this._size); }

this.Lay.style.display = "block";
  },
  //关闭
  Close: function() {
this.Lay.style.display = "none";
if(isIE6){ window.detachEvent("onresize", this._size); }
  }
};

var LightBox = Class.create();
LightBox.prototype = {
  initialize: function(box, overlay, options) {

this.Box = $(box);//显示层

this.OverLay = new OverLay(overlay, options);//覆盖层

this.SetOptions(options);

this.Fixed = !!this.options.Fixed;
this.Over = !!this.options.Over;
this.Center = !!this.options.Center;
this.onShow = this.options.onShow;

this.Box.style.zIndex = this.OverLay.zIndex + 1;
this.Box.style.display = "none";

//兼容ie6用的属性
if(isIE6){ this._top = this._left = 0; this._select = []; }
  },
  //设置默认属性
  SetOptions: function(options) {
    this.options = {//默认值
Fixed:false,//是否固定定位
Over:true,//是否显示覆盖层
Center:false,//是否居中
onShow:function(){}//显示时执行
};
    Object.extend(this.options, options || {});
  },
  //兼容ie6的固定定位程序
  _fixed: function(){
var iTop = this.Box.offsetTop + document.documentElement.scrollTop - this._top, iLeft = this.Box.offsetLeft + document.documentElement.scrollLeft - this._left;
//居中时需要修正
if(this.Center){ iTop += this.Box.offsetHeight / 2; iLeft += this.Box.offsetWidth / 2; }

this.Box.style.top = iTop + "px"; this.Box.style.left = iLeft + "px";

this._top = document.documentElement.scrollTop; this._left = document.documentElement.scrollLeft;
  },
  //显示
  Show: function(options) {
//固定定位
if(this.Fixed){
if(isIE6){
//兼容ie6
this.Box.style.position = "absolute";
this._top = document.documentElement.scrollTop; this._left = document.documentElement.scrollLeft;
window.attachEvent("onscroll", this._fixed.bind(this));
} else {
this.Box.style.position = "fixed";
}
} else {
this.Box.style.position = "absolute";
}
//覆盖层
if(this.Over){
//显示覆盖层，覆盖层自带select隐藏
this.OverLay.Show();
} else {
//ie6需要把不在Box上的select隐藏
if(isIE6){
this._select = [];
var oThis = this;
Each(document.getElementsByTagName("select"), function(o){
if(oThis.Box.contains ? !oThis.Box.contains(o) : !(oThis.Box.compareDocumentPosition(o) & 16)){
o.style.visibility = "hidden"; oThis._select.push(o);
}
})
}
}

this.Box.style.display = "block";

//居中
if(this.Center){
this.Box.style.top = this.Box.style.left = "50%";
//显示后才能获取
var iTop = - this.Box.offsetHeight / 2, iLeft = - this.Box.offsetWidth / 2;
//不是fixed或ie6要修正
if(!this.Fixed || isIE6){ iTop += document.documentElement.scrollTop; iLeft += document.documentElement.scrollLeft; }
this.Box.style.marginTop =  iTop + "px"; this.Box.style.marginLeft = iLeft + "px";
}

this.onShow();
  },
  //关闭
  Close: function() {
this.Box.style.display = "none";
this.OverLay.Close();
if(isIE6){ window.detachEvent("onscroll", this._fixed); Each(this._select, function(o){ o.style.visibility = "visible"; }); }
  }
};

if(!isIE){
HTMLElement.prototype.__defineGetter__("currentStyle", function () {
return this.ownerDocument.defaultView.getComputedStyle(this, null);
});
}

//拖放程序
var Drag = Class.create();
Drag.prototype = {
  //拖放对象,触发对象
  initialize: function(obj, drag, options) {
    var oThis = this;

this._obj = $(obj);//拖放对象
this.Drag = $(drag);//触发对象
this._x = this._y = 0;//记录鼠标相对拖放对象的位置
//事件对象(用于移除事件)
this._fM = function(e){ oThis.Move(window.event || e); }
this._fS = function(){ oThis.Stop(); }

this.SetOptions(options);

this.Limit = !!this.options.Limit;
this.mxLeft = parseInt(this.options.mxLeft);
this.mxRight = parseInt(this.options.mxRight);
this.mxTop = parseInt(this.options.mxTop);
this.mxBottom = parseInt(this.options.mxBottom);
this.mxContainer = this.options.mxContainer;

this.onMove = this.options.onMove;
this.Lock = !!this.options.Lock;

this._obj.style.position = "absolute";
addEventHandler(this.Drag, "mousedown", function(e){ oThis.Start(window.event || e); });
  },
  //设置默认属性
  SetOptions: function(options) {
    this.options = {//默认值
Limit:false,//是否设置限制(为true时下面参数有用,可以是负数)
mxLeft:0,//左边限制
mxRight:0,//右边限制
mxTop:0,//上边限制
mxBottom:0,//下边限制
mxContainer:null,//指定限制在容器内
onMove:function(){},//移动时执行
Lock:false//是否锁定
    };
    Object.extend(this.options, options || {});
  },
  //准备拖动
  Start: function(oEvent) {
if(this.Lock){ return; }
//记录鼠标相对拖放对象的位置
this._x = oEvent.clientX - this._obj.offsetLeft;
this._y = oEvent.clientY - this._obj.offsetTop;
//mousemove时移动 mouseup时停止
addEventHandler(document, "mousemove", this._fM);
addEventHandler(document, "mouseup", this._fS);
//使鼠标移到窗口外也能释放
if(isIE){
addEventHandler(this.Drag, "losecapture", this._fS);
this.Drag.setCapture();
}else{
addEventHandler(window, "blur", this._fS);
}
  },
  //拖动
  Move: function(oEvent) {
//判断是否锁定
if(this.Lock){ this.Stop(); return; }
//清除选择(ie设置捕获后默认带这个)
window.getSelection && window.getSelection().removeAllRanges();
//当前鼠标位置减去相对拖放对象的位置得到offset位置
var iLeft = oEvent.clientX - this._x, iTop = oEvent.clientY - this._y;
//设置范围限制
if(this.Limit){
//如果设置了容器,因为容器大小可能会变化所以每次都要设
if(!!this.mxContainer){
this.mxLeft = this.mxTop = 0;
this.mxRight = this.mxContainer.clientWidth;
this.mxBottom = this.mxContainer.clientHeight;
}
//获取超出长度
var iRight = iLeft + this._obj.offsetWidth - this.mxRight, iBottom = iTop + this._obj.offsetHeight - this.mxBottom;
//这里是先设置右边下边再设置左边上边,可能会不准确
if(iRight > 0) iLeft -= iRight;
if(iBottom > 0) iTop -= iBottom;
if(this.mxLeft > iLeft) iLeft = this.mxLeft;
if(this.mxTop > iTop) iTop = this.mxTop;
}
//设置位置
//由于offset是把margin也算进去的所以要减去
this._obj.style.left = iLeft - (parseInt(this._obj.currentStyle.marginLeft) || 0) + "px";
this._obj.style.top = iTop - (parseInt(this._obj.currentStyle.marginTop) || 0) + "px";
//附加程序
this.onMove();
  },
  //停止拖动
  Stop: function() {
//移除事件
removeEventHandler(document, "mousemove", this._fM);
removeEventHandler(document, "mouseup", this._fS);
if(isIE){
removeEventHandler(this.Drag, "losecapture", this._fS);
this.Drag.releaseCapture();
}else{
removeEventHandler(window, "blur", this._fS);
}
  }
};

</script>

<dl id="idBox" class="lightbox">
  <dt id="idBoxHead"><b>LightBox</b> </dt>
  <dd>
    选择效果显示
    <br /><br />
    <input name="" type="button" value=" 关闭 " id="idBoxCancel" /><br /><br />
  </dd>
</dl>

<input name="" type="button" value="关闭覆盖层" id="btnOverlay" />
<input name="" type="button" value="黑色覆盖层" id="btnOverColor" />
<input name="" type="button" value="全透覆盖层" id="btnOverOpacity" />
<input name="" type="button" value="取消居中" id="btnCenter" />
<br /><br />
选择效果：<br />
<select id="idEffect">
<option value="0">还原效果</option>
<option value="4">定位效果</option>
<option value="2">设置拖放</option>
<option value="6">视框定位拖放</option>
</select> 
<input name="" type="button" value=" 打开 " id="idBoxOpen" />

var box = new LightBox("idBox", "idOverlay", { Center: true });

var drag = new Drag("idBox", "idBoxHead", { mxContainer: document.documentElement, Lock: true });

$("idBoxCancel").onclick = function(){ box.Close(); }
$("idBoxOpen").onclick = function(){ box.Show(); }

$("idEffect").onchange = function(){
box.Close();

switch (parseInt(this.value)) {
case 4 :
box.Fixed = true;
drag.Lock = true;
drag.Limit = false;
break;
case 2 :
box.Fixed = false;
drag.Lock = false;
drag.Limit = false;
break;
case 6 :
box.Fixed = true;;
drag.Lock = false;
drag.Limit = true;
break;
case 0 :
default :
box.Fixed = false;
drag.Lock = true;
drag.Limit = false;
}
}

$("btnOverlay").onclick = function(){
box.Close();
if(box.Over){
box.Over = false;
this.value = "打开覆盖层";
} else {
box.Over = true;
this.value = "关闭覆盖层";
}
}

$("btnOverColor").onclick = function(){
box.Close();
box.Over = true;
if(box.OverLay.Color == "#fff"){
box.OverLay.Color = "#000";
this.value = "白色覆盖层";
} else {
box.OverLay.Color = "#fff"
this.value = "黑色覆盖层";
}
}

$("btnOverOpacity").onclick = function(){
box.Close();
box.Over = true;
if(box.OverLay.Opacity == 0){
box.OverLay.Opacity = 50;
this.value = "全透覆盖层";
} else {
box.OverLay.Opacity = 0;
this.value = "半透覆盖层";
}
}

$("btnCenter").onclick = function(){
box.Close();
if(box.Center){
box.Center = false;
this.value = "设置居中";
} else {
box.Center = true;
this.value = "取消居中";
}
}

</script>

</div>

</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

极品飞车12 卧底

huheng1234@163.com(今晚打老虎) — Sat,23 Aug 2008 21:39:35 +0800

　　EA昨日宣布极品飞车系列最新作《Need for Speed Undercover》将于11月18号登陆北美市场，11月21号莅临欧洲，发布平台为PC、PS2、PS3、Xbox 360、Wii、NDS，和PSP。

　　EA称该作将“重拾昔日风采，再现以命相搏的警匪追逐战，最炙手可热的赛车，和惊险刺激的高速公路对决。”

　　除此之外，EA还投巨资为该作打造真人过场，给玩家带来恍如置身大银幕般的感受，目前已知由Maggie Q出演浑身放电的联邦探员Chase Linh，她的任务是向对手施展美人计：

Flash动画

在线播放

修改sysman口令引起dbconsole异常的解决方法

huheng1234@163.com(今晚打老虎) — Wed,20 Aug 2008 12:08:51 +0800

在修改过sysman口令之后，系统就会自动将sysman锁定。具体问题如下：
中文版显示:
数据库状态当前不可用。可能是因为数据库的状态为装载或不装载。单击 '启动' 可以获得当前状态并打开数据库。如果无法打开数据库, 单击 '执行恢复' 可执行相应的恢复操作。
英文版本显示:
The database status is currently unavailable.It is possible
that the database is in mount or nomount state. Click 'Startup'
to obtain the current status and open the database. If the
database cannot be opened, click 'Perform Recovery' to perform
an appropriate recovery operation.

注意:确认Listener与服务都是正常的，数据库的状态也是启动的，无论是重新启动dbconsole还是重新配置都不起作用。
解决方法如下：

1、停止dbconsole
[oracle@abcca2210028 ~]$ emctl stop dbconsole
查看状态，确认dbconsole已经停止
[oracle@abcca2210028 ~]$ emctl status dbconsole

2、修改sysman用户的密码，我把密码改成oracle123
[oracle@abcca2210028 ~]$ sqlplus / as sysdba
SQL> alter user sysman identified by oracle123;
解锁用户
SQL> alter user sysman account unlock;
确认密码已修改
SQL> conn sysman/oracle123@csc
Connected.

3、转到$ORACLE_HOME/(host)_(sid)/sysman/config目录下
a. 把emoms.properties另存为emoms.properties.old
b. 修改emoms.properties文件
找到oracle.sysman.eml.mntr.emdRepPwd=把等于后的加密字串替换成刚才更改的密码oracle123;
找到oracle.sysman.eml.mntr.emdRepPwdEncrypted=TRUE 把TRUE换成FALSE。

4、重启dbconsole，访问EM恢复正常
[oracle@abcca2210028 ~]$ emctl start dbconsole

按如上所说操作完毕之后，dbconsole可以登录，但是无法做维护。报io的一个异常：
解决：
$ emctl stop dbconsole
$ emca -repos recreate
修复完毕，dbconsole 可以正常使用了。