作者：Lightning@小宝
发布时间：March 21, 2010
分类：web标准设计
No Comments
目前，总验证承认下列DOCTYPEs，以确定HTML验证，适用于网页。这通常应在您的HTML页的第一个标记，请注意，这些通常是区分大小写：
XHTML 1.1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
XHTML Basic 1.1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
XHTML+RDFa 1.0:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
XHTML 1.0 Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Loose:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML-Print 1.0:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML-Print 1.0//EN" "http://www.w3.org/TR/xhtml-print/xhtml-print10.dtd">
XHTML Basic 1.0:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">
(X)HTML5:
<!DOCTYPE html>
(X)HTML5 (alternative):
<!DOCTYPE html SYSTEM "about:legacy-compat">
HTML 4.01 Strict:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Loose:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
HTML 4.01 Frameset:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/frameset.dtd">
HTML 4.0 Strict:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
HTML 4.0 Loose:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
HTML 4.0 Frameset:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN" "http://www.w3.org/TR/REC-html40/frameset.dtd">
ISO/IEC 15445:
<!DOCTYPE html PUBLIC "ISO/IEC 15445:2000//DTD HTML//EN">
ISO/IEC 15445 (alternative):
<!DOCTYPE html PUBLIC "ISO/IEC 15445:2000//DTD HyperText Markup Language//EN">
HTML 3.2:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
HTML 3.2 (alternative):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
HTML 3.2 (alternative):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Draft//EN">
HTML 2.0:
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
HTML 2.0 (alternative):
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
以上doctype总结，我并没有验证！
作者：Lightning@小宝
发布时间：March 15, 2010
分类：web标准设计
No Comments
position 有五个值：static、relative、absolute、fixed、inherit。
static
是默认值。就是按正常的布局流从上到下从左到右布局，平常我们做网页时，没有指定 position，也就表示使用 static。
relative
没有脱离布局流，此时可以使用 top、right、bottom、left 属性。
top 和 bottom 共存时，使用 top 值，忽略 bottom 值；
left 和 right 共存时，使用 left 值，忽略 right 值；
relative 是相对位置，指相对于元素的 position 为 static 时的位置：
top 相对于 static 下移多少像素（若 top 是负值，则上移）。
right 相对于 static 左移多少像素（若 right 是负值，则右移）。
bottom 相对于 static 上移多少像素（若 bottom 是负值，则下移）。
left 相对于 static 右移多少像素（若 left 是负值，则左移）。
使用 relative 之后：
原来的空间不会被其他元素挤占。
元素在最终位置时也不会挤占其他元素的空间，它浮动到其它元素的上方。
absolute
脱离布局流，此时可以使用 top、right、bottom、left，但这些属性不再是相对于 static 时的位置，而是相对于 containing block 的，相对于其边框内边缘的，而不是其 padding 内边缘。
使用 absolute 之后：
原来的空间会被其他元素挤占。
元素在最终位置时也不会挤占其他元素的空间，它浮动到其它元素的上方。
fixed
它的模式与 absolute 相同，不过无论怎么拖动滚动条，它始终固定在屏幕的指定位置。在 IE6 中不支持这个属性；在 IE7 中支持这个属性但需要指明 DOCTYPE；Firefox 等浏览器支持这个属性。
top、right、bottom、left 属性指相对于视口的。
inherit
继续父元素的 position 值。
名称解释
视口－通过解析文档，连续媒体（比如屏幕就是连续媒体，而打印机则是基于页的媒体）给用户产生一个视口（一个窗口或其它在屏幕上显示的区域）。
这里看 demo
作者：Lightning@小宝
发布时间：March 2, 2010
分类：JavaScript学习笔记
No Comments
在JavaScript可以使用try...catch来进行异常处理。例如： try {
foo.bar();
} catch (e) {
alert(e.name + " : " + e.message);
}
目前我们可能得到的系统异常主要包含以下6种:
EvalError: raised when an error occurs executing code in eval()
RangeError: raised when a numeric variable or parameter is outside of its valid range
ReferenceError: raised when de-referencing an invalid reference
SyntaxError: raised when a syntax error occurs while parsing code in eval()
TypeError: raised when a variable or parameter is not a valid type
URIError: raised when encodeURI() or decodeURI() are passed invalid parameters
上面的六种异常对象都继承自Error对象。他们都支持以下两种构造方法:
new Error();
new Error( " 异常信息 " );
手工抛出异常的方法如下：
try {
throw new Error( " Whoops! " );
} catch (e) {
alert(e.name + " : " + e.message);
}
如要判断异常信息的类型，可在catch中进行判断：
try {
foo.bar();
} catch (e) {
if (e instanceof EvalError) {
alert(e.name + " : " + e.message);
} else if (e instanceof RangeError) {
alert(e.name + " : " + e.message);
}
// etc
}
Error具有下面一些主要属性：
description: 错误描述 (仅IE可用).
fileName: 出错的文件名 (仅Mozilla可用).
lineNumber: 出错的行数 (仅Mozilla可用).
message: 错误信息 (在IE下同description)
name: 错误类型.
number: 错误代码 (仅IE可用).
stack: 像Java中的Stack Trace一样的错误堆栈信息 (仅Mozilla可用).
作者：Lightning@小宝
发布时间：February 24, 2010
分类：JavaScript学习笔记
No Comments
先看下代码：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="show"></div>
<hr style="margin:50px 0px;"/>
<script>
function T(id){return document.getElementById(id);}
var show = window.show = T('show');
window.onload = function(){
T('te').onclick = function(e){
// var e = e||window.event;
// var _this = e.srcElement ? e.srcElement : e.target;
show.innerHTML += ' click ';
};
// T('te').onmouseover = function(){alert('over');}
// T('te').onmouseout = function(){alert('out');}
show.innerHTML = 'start: ';
T('te').onmousedown = function(){show.innerHTML += ' down ';}
T('te').onmouseup = function(){show.innerHTML += ' up ';}
}
</script>
<a id="te" href="javascript:;" style="border:1px solid red;padding:10px;">aaaaaaaaaaaaaaaaaaaaaaaa</a>
</body>
</html>
事件响应顺序为： mousedown -> mouseup -> click ; 有些情况可使用mousedown 替代 click 已减少事件响应事件！
作者：Lightning@小宝
发布时间：February 17, 2010
分类：生活 & 职场
No Comments
价值观是指一个人对周围的客观事物（包括人、事、物）的意义、重要性的总评价和总看法。像这种对诸事物的看法和评价在心目中的主次、轻重的排列次序，就是价值观体系。价值观和价值观体系是决定人的行为的心理基础。
价值观的特点
价值观具有相对的稳定性和持久性。在特定的时间、地点、条件下，人们的价值观总是相对稳定和持久的。比如，对某种事物的好坏总有一个看法和评价，在条件不变的情况下这种看法不会改变。但是，随着人们的经济地位的改变，以及人生观和世界观的改变，这种价值观也会随之改变。这就是说价值观也处于发展变化之中。
价值观取决于人生观和世界观
价值观取决于人生观和世界观。一个人的价值观是从出生开始，在家庭和社会的影响下，逐步形成的。一个人所处的社会生产方式及其所处的经济地位，对其价值观的形成有决定性的影响。当然，报刊、电视和广播等宣传的观点以及父母、老师、朋友和公众名人的观点与行为，对一个人的价值观也有不可忽视的
价值观的影响效应
价值观不仅影响个人的行为，还影响着群体行为和整个组织行为。在同一客观条件下，对于同一个事物，由于人们的价值观不同，就会产生不同的行为。在同一个单位中，有人注重工作成就，有人看重金钱报酬，也有人重视地位权力，这就是因为他们的价值观不同。同一个规章制度，如果两个人的价值观相反，那么就会采取完全相反的行为，将对组织目标的实现起着完全不同的作用。
价值观的类型
1、理性价值观 它是以知识和真理为中心的价值观。具有理性价值的人把追求真理看的高于一切。
2、美的价值观 它是以外形协调和匀称为中心的价值观，他们把美和协调看的比什么都重要。
3、政治性价值观 它是以权力地位为中心的价值观，这一类型的人把权力和地位看的最有价值。
4、社会性价值观 它是以群体和他人为中心的价值观，把为群体、他人服务认为是最有价值的。
5、经济性价值观 它以有效和实惠为中心的价值观。认为世界上的一切，实惠的就是最有价值的。
6、宗教性价值观，它以信仰为中心的价值观。认为信仰是人生最有价值的。
兴 趣
兴趣的概念
兴趣是对于事物特殊的认识倾向，它是一种心理活动，当发展成为爱好时，就成为一个人的较长久而相对稳定的行为倾向，影响着人们能力的发挥。
兴趣和爱好是积极性的来源，它是以认识和探索某种事物的需要为基础，是推动人们认识事物、探求事物发展规律的一种动力。是人们在学习、工作等活动中最活跃的因素。有了对某项事物的兴趣，就能在行为中产生极大的积极性。
兴趣作为个体进行成就事业活动的基础，是发挥和发展其创造能力的心理推动力之一，可以激发个体进行创造活动的内部动机，充分发挥潜能的作用，使其感知力敏锐，创造性思维活跃，想象丰富，从而提高事业成功的效率。同时兴趣能激发个体强烈的创造热情，增强克服困难的信心和决心。
兴趣的作用
兴趣的动力作用 兴趣是推动人们进行求知活动和学习的重要的心理因素，它能使人集中精力，积极愉快地从事某种活动。凡是符合自己的兴趣的活动，都容易提高人的积极性。
兴趣的开发作用 兴趣是开发潜能的钥匙，一些学者曾经说过：所有智力方面的工作都要依赖于兴趣。研究表明，兴趣比智力更能促进学生努力学习，提高学习成绩。
强烈而稳定的兴趣是从事活动、发展才能的重要保证。
兴趣的培养
1、广泛兴趣的培养 具有广泛兴趣的人，就会经常注意多方面的新问题，并努力去钻研这些问题，从而大大增加各方面的知识经验。
2、稳定兴趣的培养 在兴趣爱好的基础上，持久性和稳定性是至关重要的。兴趣的持久和稳定可以推动深入钻研问题，进行创造性活动。
3、好奇心的培养 有人认为，好奇性和求知欲是使一个人走向成功的必由之路。在实际生活中，强烈好奇的人就能更多地学习和掌握各种知识，成功的概率也更大
态度
态度是个体对客观事物所持有的 一种持久而一致的心理和行为倾向
态度不是行为的本身，只是一种心理和行为的倾向。
态度必须有其对象。态度即是对什么的态度，这个什么对象可能是人 、工作、物等。
态度有一致性和持久性。
态度是由三种成分组成：
第一，认知成分，包括个人对人、工作和物的了解。
第二，情感成分，包括个人对人、工作、物的好恶、带有感情的倾向。
第三、行为成分，包括个人对人、工作和物的实际反应或行动
态度有压力，具有压迫性。态度总是指向并倾注于某个对象，因此，态度给对方造成心理压力
态度是可以改变的
1、个人对某种对象（人、工作或物）本无所谓爱好或讨厌的不同态度，只是后来在家庭、学校或社会环境中经由直接的或间接的学习而得到的体验，才对某人或某事产生了正向或负向的态度。
2、个人对某种对象已经有了好恶的态度，后来经由直接或间接学习改变了原有的态度。
