chinachuner-CSDN博客

原创 DOM标准与IE的html元素事件模型区别

事件HTML元素事件是浏览器内在自动产生的,当有事件发生时html元素会向外界(这里主要指元素事件的订阅者)发出各种事件,如click,onmouseover,onmouseout等等。DOM事件流DOM(文档对象模型)结构是一个树型结构，当一个HTML元素产生一个事件时，该事件会在元素结点与根结点之间的路径传播，路径所经过的结点都会收到该事件，这个传播过程可称为DOM事件流。...

2012-07-12 12:28:13 112

一个设计良好的网页应该能够被宽带网上的多媒体高档电脑或者依然使用慢速MODEM连接的低档电脑上安装的浏览器阅读。然而，很多新的网站设计者均不是非常的了解如何尽量的让这些HTML文件保持很好的兼容性。　　当然，这里有太多的不确定因素影响网页最后呈现的结果。首先，计算机的显示器有不同的分辨率和显示质量，其次，运行着各种各样的操作系统，使用着不通版本的WEB浏览器，不同INTERNET连接方式和各...

2012-06-27 11:15:44 147

原创网站UE规划

网站UE规划（用户体验规划，UE即User Experience），就是依据网站的市场定位和发展目标对网站的内容、功能和页面设计做出科学合理的安排。 UE规划所需要的材料主要包括用户需求分析、网站盈利模式、网站运作流程、网站市场定位以及网站发展目标等。UE规划分为四个部分：内容设置、功能设置、布局安排、色彩方案。1：内容设置依据网站用户群体的特点，结合网站盈利模式和市场...

2012-06-27 11:14:50 185

原创 UE的技能

user experience design,国外叫UXD,国内也简称UE设计。我们来分析一则国外的UE设计师招聘要求，看看你还需要欠缺什么吧：我们正在寻找一名高级用户体验设计师加入我们的产品设计团队。We are looking for someone to join our growing Product Design group as a sr.user experience...

2012-06-27 09:36:36 270

原创 IE8半透明滤镜(filter:alpha)失效、png半透明失效的解决办法

最新版的IE8添加了一些新特性，但是往往因为某些未知的因素而导致这些新特性失效。昨天就遇到这么一个奇怪的问题，网页中的PNG图片在FF下能显示半透明，但在IE7下却有了一个黑色的背景，一开始以为是pngfilt.dll文件损坏了，于是去其他电脑找到这个文体复制过来替换掉，还是没有作用。后来在IE8浏览器中打开，还是跟IE7是现实同样的效果。导致IE7跟IE8中透明效果出现问题有可能...

2012-06-15 11:36:45 220

原创 js中的preventDefault

preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。JS阻止链接跳转<script type="text/javascript">?12345678910111213141516function stopDefault(e) { ...

2012-06-08 09:26:16 241

原创 getBoundingClientRect() 来获取页面元素的位置

下面这是MSDN的解释：SyntaxoRect = object.getBoundingClientRect()Return ValueReturns a TextRectangle object. Each rectangle has four integer properties (top, left, right, and bottom) that repr...

2012-06-07 15:45:21 171

原创 IE6中onresize 卡死的BUG

发现这个BUG是由于IE6解析onresize方法与其他浏览器解析不尽相同。后来通过一段网上搜索到的代码成功解决。下面分享一下：view plaincopy to clipboardprint?var t = 0; window.onresize = function() { var now = new Date(); ...

2011-12-05 16:01:04 108

原创 IE6和IE7渲染相对定位元素的Bug

IE6和IE7渲染相对定位元素的Bug这个Bug很恼人。如果网页元素的样式使用了“>具体的描述可以参看这里:http://friendlybit.com/css/ie6-resize-bug/(英文)要自己重现也很简单，样式太概是这样的:body { margin: 0 auto; width: 760px; /* 任意设置一个固定宽度的容器 */ } /* 把你要测...

2011-12-01 14:18:26 104

原创 Java运行shell脚本

利用Runtime.execute方法，我们可以在Java程序中运行Linux的Shell脚本，或者执行其他程序。参考了互联网上的这篇文章：http://lee79.javaeye.com/blog/418549（感谢一下），我重新整理了代码。现在通过CommandHelper.execute方法可以执行命令，该类实现代码如下：package javaapplication3;import jav...

2011-06-09 17:12:17 108

原创 Unix Shell Scripting之'扫盲篇'

2011-06-07 17:16:21 718

原创正则表达式字符

正则表达式符号字符描述 \ 标记下一个字符是特殊字符或文字。例如，"n" 和字符 "n" 匹配。"\n" 则和换行字符匹配。序列 "\\" 和 "\" 匹配，而 "\(" 则和 "(" 匹配。 ^ 匹配输入的开头。 $ 匹配输入的末尾。 * 匹配前一个字符零或多次。例如，"zo*" 与 "z" 或 "zo

2010-11-24 17:28:51 96

原创 javascript encodeURI和encodeURIComponent的比较

背景 encodeURI 和 encodeURIComponent都是ECMA-262标准中定义的函数,所有兼容这个标准的语言（如JavaScript, ActionScript）都会实现这两个函数。它们都是用来对URI （RFC-2396）字符串进行编码的全局函数，但是它们的处理方式和使用场景有所不同。为了解释它们的不同，我们首先需要理解RFC-2396中对于URI中的字符分类保留字符（r...

2010-09-26 16:09:55 111

原创 a href="#" 与 a href="javascript:void(0)" 的区别

href=#与href=javascript:void0的区别＃包含了一个位置信息默认的锚点＃top也就是网页的上端而javascript:void0仅仅表示一个死链接默认的锚点是＃top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首而javascript:void(0) 则不是如...

2010-09-16 14:17:14 148

原创 java中的String.split() 中“|”作为分隔符的问题和数组长度问题

我们把一个字符串转化成一个数组的时候都是用到了String.split()这个函数。可是有一些问题我们需要注意。以下是我碰到的问题，总结了一下。1，“|”作为分隔符 public static void main(String[] args) { String str = "abcdef|ghijk|lmno|pqrst|"; ...

2010-09-14 14:49:30 242

原创 js去空格函数

Javascript中为String对象添加 Trim() 方法 <script language=Javascript> //自己动手为string添加Trim function String.prototype.Trim() {return this.replace(/(^\s*)|(\s*$)/g,"");} ...

2010-09-14 13:30:01 178

原创 IE浏览器存在的setAttribute bug

IE的setAttribute中与标准浏览器的有许多不同，主要表现在IE对setAttribute的功能上有些限制，就是不能用setAttribute来设定class、style于onclick等事件的值以及设置name属性，那这样就会导致setAttribute在IE浏览器里失去很多的用途！而在IE6,IE7中，如果动态生成input元素，是无法为其设置name属性的。不过当然这bug已经...

2010-09-13 12:54:02 174

原创 JS计算日期段的天数

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE>JS计算日期段的天数 </TITLE> <META NAME="Generator" CONTENT="EditPl

2010-09-08 15:53:15 220

原创 The visual styles could not be applied

Make sure the themes service is enabled and that you used the correct version of uxtheme.dll. Replace the files with following procedure:Login as a Administrator.Goto %systemroot%\System32Right-c...

2010-09-08 15:06:14 96

原创 jsp用ado stream 上传图片

JSP:var xml_http,ado_stream; function postBmp(){ ado_stream = new ActiveXObject("ADODB.Stream"); ado_stream.Type = 1; ado_stream.Open(); ado_stream.LoadFromFile("D:\\1.bmp"); ...

2010-09-03 15:39:02 118

原创 InputStream 和OutputStream

1．InputStream ◇ 从流中读取数据： int read( ); //读取一个字节，返回值为所读的字节 int read( byte b[ ] ); //读取多个字节，放置到字节数组b中，通常读取的字节数量为b的长度，返回值为实际读取的字节的数量 int read( byte b[ ], int off, int len ); //读取len个字节，放置到以下标off...

2010-08-31 09:30:09 68

原创使用request.getInputStream() 获取POST数据

近有个项目下需要接收POST过来的XML数据包，在struts中的Action方法中，调用request.getInputStream() 发现无法读到任何数据。以下是POST数据的程序代码: Java代码 URL url = new URL(urlBuf); HttpURLConnection httpURLConnection = (HttpURLConnec...

2010-08-31 09:22:17 581

原创用doctype激活浏览器模式

http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/为了处理根据Web标准创作的网页和根据在20世纪90年代末流行的陈旧实践创作的网页，现代的Web浏览器实现了各种不同的引擎模式。本文说明了那些模式是什么以及如何触发它们。原文：Henri Sivonen的Activating Browser ...

2010-08-27 21:55:15 90

原创 [伪·Ajax]无刷新上传原理

2010-07-05 14:37:47 78

原创 event.x,event.clientX,event.offsetX区别

x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。 clientX:相对于客户区域的x坐标位置，不包括滚动条，就是正文区域。 offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。 screenX:相对于用户屏幕。 <table border=1 cellpadding=15 cellspacing=15 style="posit...

2010-06-22 14:36:14 73

原创 Linux装IE6,7(IE4Linux)

安装方法1、比较简单方便1、先装wine，linux下安装ie首先需要安装wine。这个软件使用来在linux上运行windows程序的。官方网址为www.winehq.com 下载安装2、如果你已经有了wine的话那就可以直接：wget http://www.tatanka.com.br/ies4linux/downloads/ies4linux-latest.t...

2010-06-18 15:59:06 288

原创 MyEclipse 8.5 安装 SVN 插件

1.打开HELP->MyEclipse ConfigurationCenter，切换到SoftWare标签页。2.点击Add Site 打开对话框，在对话框Name输入Svn，URL中输入：http://subclipse.tigris.org/update_1.6.x3.在左边栏中找到Personal Site中找到SVN展开。将Core SVNKit Li...

2010-06-18 15:29:56 84

原创 Ubuntu SVN安装配置十分简单

sudo apt-get install subversion2、检出文件（checkout）。使用命令：svn co http://{svn repository url} /destination 然后系统会用当前的用户名登录，提示输入密码，如果第一次密码输入错误，会提示你输入用户名；输入正确后，就可以检出文件了。3、Ubuntu SVN提交文件（commit）。进入需要更...

2010-06-18 10:02:15 92

原创 ubuntu 10.04 安装 java, jdk, jre

1，编辑源列表：~$ sudo vim /etc/apt/sources.list ，在最后添加一行：deb http://archive.canonical.com/ lucid partner ~$ sudo apt-get update ~$ sudo apt-get install sun-java6-jdk正在设定 sun-java6-jre 不动了……怎么办...

2010-06-13 16:04:44 87

为iframe添加onload事件，iframe高度自适应问题。

父页面的onload：$(function(){var f = window.frames["formIframe"];f.onload = function(){var h=window.frames["formIframe"].document.body.scrollHeight;$('#formIframe').css('height',h+10);}});貌...

2010-06-03 16:56:00 541

原创 Ubuntu下compiz fusion 飞雪 + 养鱼特效插件不指定

Ubuntu下compiz fusion 飞雪 + 养鱼特效插件 ununtu 的8.04版本软件源不再提供Compiz-Fusion-Plugins-Unsupported包，此插件无法从源里安装，需要自己手动编译源码安装或者安装deb包，下面是deb包的下载地址，双击安装即可下载地址：http://debian.mirror.inra.fr/debian/pool...

2010-05-26 07:24:50 171

原创 JS禁用右键，禁用打印，防止另存为

oncontextmenu="window.event.returnValue=false" style="overflow-y: hidden; overflow-x: hidden"ajs9 leftmargin="0" topmargin="0"<body oncontextmenu="return false"></body>&l

2010-05-21 10:26:29 229

原创 ORACLE SEQUENCE

sequence是用来在多用户环境下产生唯一整数的数据库对象。序列产生器顺序生成数字，它可用于自动生成主键值，并能协调多行或者多表的主键操作。没有sequence，顺序的值只能靠编写程序来生成。先找出最近产生的值然后自增长。这种方法要求一个事务级别的锁，这将导致在多用户并发操作的环境下，必须有人等待下一个主键值的产生。而且此方法很容易产生主键冲突的错误，如下图：time a.........

2010-05-19 10:21:55 71

原创小田和正-I love you

I love you 现在不想听悲伤的歌 I love you 逃走逃走逃到这个小屋这不是任何世俗观念可以容许的爱两个人就像弃猫一样这个小屋就像是被落叶掩盖的空箱而你就发出像小猫一样的哭声在吱吱响的床上与其保持温柔不如紧紧地抱紧对方然后我们再闭上双眼让爱在悲歌中永不褪色 I love you 在幼稚的两人的爱中有着不可触摸...

2010-05-17 15:08:18 276

原创 js keycode 列表

keycode 8 = BackSpace BackSpacekeycode 9 = Tab Tabkeycode 12 = Clearkeycode 13 = Enterkeycode 16 = Shift_Lkeycode 17 = Control_Lkeycode 18 = Alt_Lkeycode 19 = Pauseke...

2010-05-17 10:03:19 64

chinachuner的专栏