语源科技BlogJava-黄小二的讀書筆記

搬家，新地址 http://www.cnblogs.com/kiant71/

黄小二 — Sun, 27 Jun 2010 14:40:00 GMT

黄小二 2010-06-27 22:40 发表评论

Javascript学习指南（第2版）笔记(六) DOM、Ajax及其数据

黄小二 — Sun, 30 May 2010 03:17:00 GMT

1、DOM
2、节点属性和方法
3、Ajax安全和工作区
4、Ajax数据：XML或 JSON（JavaScript对象符号）

1、DOM

     在 W3C关于 DOM的规范中，将 document元素描述为一个节点(node)集合，他们之间是以有层次的树形结构连接的。你不仅可以从树上读取节点，还可以删除或创建新的节点。

#document
html
head
    title
body
    h1
    div
      p
        #text
      p
        #text

2、节点属性和方法

对于文档树上的每个节点都拥有 DOM(Core)的 Node对象中定义的基本属性和基本方法集。Node对象的属性主要包括：

nodeName，对象名称，如 head元素的名称就是 HEAD；
nodeValue，如果不是一个元素，则返回对象值；
nodeType，用数字表示的节点类型；
parentNode，当前节点的父节点；
childNodes，由其子节点组成的 NodeList，前提是存在子节点；
firstChild，由子节点组成的 NodeList中的第一个节点；
lastChild，由子节点组成的 NodeList中的最后一个节点；
previousSibling，如果当前节点是位于 NodeList中的子节点，那么它表示的就是该列表中的前一个节点；
nextSibling，如果当前节点是位于 NodeList中的子节点，那么它表示的就是该列表的下一个节点；
attributes，一个 NamedNodeMap，它是以键/值对形式表示的，是该元素的属性列表；
ownerDocument，拥有的 document对象，当你拥有多个 document对象时它比较有用；
namespaceURI，命名空间的 URI，如果有的话，他是针对节点的；
Prefix，命名空间的前缀，如果有的话，它是针对节点的；
localName，如果指定了 namespaceURI的话，它表示的是节点的本地名。

3、Ajax安全和工作区

在 Ajax遵循 JavaScript中相同源、相同域的规则：在 Web页面中只能调用相同服务器（相同域）的 Web服务；也就是说：服务器端页面与服务器发送请求的页面处于相同的服务器、相同的域中。

但是对于 Ajax程序而言，向本地服务器端请求一个 Web服务，然后接收本地服务器的返回信息即可。它并不关心本地 Web服务实际上是否通过访问远程 Web服务实现的。

4、Ajax数据：XML或 JSON（JavaScript对象符号）

XML格式的 Ajax应答

     好处是比简单的字符串或 HTML片段更多元。另外，你还可以向对待 Web页面元素那样，直接通过 DOM方法来操作 Ajax调用返回的 XML格式应答。

     确保在服务器端应用程序在返回数据时设置了正确的数据 MINE类型 text/xml，然后通过 XMLHttpRequest对象的 responseXML容器来获取应答信息。

JSON

     JSON是一种“轻量级的数据交换格式”。和一组由逗号分开的字符串，以及处理复杂（成本高昂）的 XML相比，JSON是一种很容易将服务器端数据结构转成 JavaScript对象的数据格式。

     JSON实际上就是使用 JavaScript语法定义的对象，一个对象的语法包括一对大括号以及其中的成员：
     object{ } or object { string : value ...}

     对于数组而言，他是由一组元素加上一对方括号组成的：
     array[] or array[ value, value, value, ..., value ]

注：在 JavaScript可以用单引号或双引号来引用字符串，而 JSON只支持双引号。

示例，在 PHP脚本中使用简单的 JSON
$result = '[ { "value" : "stlou", "title" : "St. Louis" }, ' .
          ' { "value" : "kc" , "title" : "Kansas City" } ]';

JSON对象

     在 http://www.json.org/js.html上可以找到一个 JSON JavaScript程序库，它提供了一些基于该程序库的 JSON对象。包含了直接访问 JSON对象的静态方法：
JSON.parse，基于指定的 JSON格式字符串创建一个 JavaScript对象；
JSON.stringify，将一个 JavaScript对象序列化成一个 JSON格式的字符串。

JSON 示例1：

//对 JSON字符串进行“计算”
var response = JSON.parse(xmlHttpObj.responseText);

var citySelection = document.getElementById("citySelection");
var name = value = null;

//处理从 JSON对象返回的数据
for (var i=0; i<response.length; i++) {
    name = response[i].title;
    value = response[i].value;
    citySelection.options[i] = new Option(name, value);
}

JSON示例2：

//从服务器获得的 JSON对象实例：
{ "title" : "Appletini",
  "ingredients" : [ { "ingredient" : "1 ounce vodka"},
                    { "ingredient" : "1/2 ounce Sour Apple Pucker or apple schnapps "} ],
  "instruction" : "Mix vodka and schnapps in a glass filled with ice." }

//============================================================
//处理 JSON数据

//创建对象
var recipeObj = JSON.parse(xmlhttp.responseText);

var recipe = document.createElement('div');
recipe.id = 'recipe';
recipe.className = 'recipe';

//添加标题
var title = recipeObj['title'];
var titleNode = document.creteElement('h3');
titleNode.appendChild(document.createTextNode(title));
recipe.appendChild(titleNode);

//添加配方成分
var ingredients = recipeObj.ingredients;
for (var i=0; i<ingredients.length; i++){
    var item = ingredients[i].ingredient;

}

.
body[0].appendChild(recipe);

黄小二 2010-05-30 11:17 发表评论

Javascript学习指南（第2版）笔记(五) 浏览器对象、cookie

黄小二 — Sat, 29 May 2010 13:46:00 GMT

1、window对象
2、同源安全策略
3、cookie

     浏览器对象模型（BOM）是一组从浏览器上下文继承而来的对象，这也是绝大多数 JavaScript应用程序中函数运行的上下文。有时它也被称之为 DOM Level 0，或者就叫 DOM。

     BOM是一组有限的公共 Web对象，也是一个层次化的对象集，每个层次上的对象都可以通过它们的父对象来访问，比如 window[navigator, location, frames, screen, history, document[forms, cookie, link/anchors, images, embeds/plug-ins, all]]。

     访问对象时，你可以：
     var theImage = document.form[0].elements["someelement"].value;

1、window对象

     浏览器的 window对象封装了整个浏览器环境，包括 window的"chrome"（组成浏览器窗体的通用组件）、实际的 Web页面，以及页面中的事件。

     通过 window可以手动设置浏览器状态条上的状态，执行打开一个新窗口、重新调整已显示窗口的大小、关闭窗口等操作。不过随着动态 Web效果和 Ajax的流行，这种弹出式窗口越来不被喜欢。

window对象的方法和属性可以分成4类：

a. 创建新窗口，维护现有窗口行为

     弹出式对话框：alert、confirm和 prompt
     创建自定义窗口：window.open()
     维护窗口：通过窗口的引用能够完成该窗口的维护，要维护父窗口则使用关键字 opener，要维护包含当前运行脚本的窗口，则应该使用关键字 self。

b. 在窗口中创建带分区的文档（帧和iframes）

     frame对象定义了以下元素：parent、length和 name。对于跨帧通信而言，name和 parent属性特别重要。其父元素 frameset（帧集，包括帧的窗口）可以通过每个帧的名字访问所有子帧（也可以通过帧数组，以对象数量作为索引值）；每个帧都可以通过通用的关键字 parent来访问该帧集。兄弟帧元素之间可以通过 parent和对方的 name属性来访问。

     和标准的帧不一样，iframe是内嵌在页面中的。你可以为其指定高度和宽度，如果将它们都设置为0，那么它就将被隐藏起来。iframe会把它嵌入到的页面视为自己的父元素，这也是它和更高层页面进行通信的方法。通常，你可以使用 document的 getElementById方法来访问它，也可以使用 target属性载入其内容。

c. 定时器的创建和控制

     有两类定时器：一类是一次性的，另一类是周期性使用的。两种定时器都能取消，一次性定时器方法只会被调用一次。

要想创建一个不重复触发的定时器，可以使用 setTimeout方法：
var tmOut = setTimeout("func", 5000, "param1", param2,,,,, paramn);

如果想清除这个定时器，可以使用 clearTimeout方法：
clearTimeout(tmOut);

如果你想周期性地使用这个定时器，那么应调用 setInterval方法：
var tmOut = setInterval("functionName", 5000);

     同样，如果想暂停或取消这个周期性定时器，可以使用 clearInterval方法。如果你想实现一个周期性定时器，但又想在参数中指定一个函数文字量，那么你可以在每次定时器过期时再用 setTimeout函数重新设置这个定时器。

注：
     在 IE浏览器中，setInterval和 setTimeout方法是不支持在最后添加函数调用所需参数的。

d. 用来控制浏览器其他元素

history对象
     history对象负责维护浏览器中页面载入操作的历史记录。同样，其方法和属性能够完成通过浏览器的后退和前进按钮所能实现的导航操作。

screen对象
     screen对象所包含的信息是屏幕显示有相关的，包括其宽度、高度，以及颜色或像素浓淡。虽然他们不是很常用，但他们对于那些需要修改浏览器窗口大小、创建需要特定调色板的带色彩对象等功能而言是不错的选择。

navigator对象
     navigator对象中提供的是和浏览器或其他访问该页面的用户代理相关的信息。通过它可以检查操作系统、浏览器或浏览器族、安全策略、语言以及 cookie是否启用。

document对象
1.链接和锚
     document对象的 links集合是由页面中所有超链接组成的，它的访问方法和数组一样。

2.图像
     和链接一样，图像也有其对应的对象，也可以直接设置他们的属性，如表示图像 URL的 src属性。

3.innerHTML
     使用 innerHTML属性可以修改页面中任何一个 HTML元素，它之所以仍然流行，是因为通过它修改页面元素时无需构建整个页面的内容，你只需创建一个 HTML格式的字符串，然后通过 innerHTML就可以添加到 Web页面中。不过，使用 innerHTML意味着无论向 Web页面添加了什么，他们都无法融合到页面的 document树上，因此如果你混合使用 innerHTML和新的 DOM方法将会带来很大的破坏。

2、同源安全策略

同源安全策略确保了不同域名、协议或端口的页面之间不能够通过脚本进行通信。同源安全策略将应用于不同页面之间的通信，包括父窗口中的表单和内嵌窗口之间的通信，如帧及 iframe。

3、cookie

cookie的意义就是一个带有过期时间、域名、路径的小型的键/值对，之所以需要提供这些消息，是为了确保正确的服务器能够读取到正确的 cookie。这些信息将作为 Web请求的一部分发送，因此在服务器端和浏览器都能访问这些数据。

设置、读取、删除 cookie

// if cookie enabled
window.onload = function() {
    if (navigator.cookieEnabled) {
        var sum = readCookie("sum");
        if (sum) {
            var iSum = parseInt(sum) + 1;
            alert("cookie count is " + iSum);

            if (iSum > 5) {
                eraseCookie("sum");
            } else {
                setCookie("sum", iSum);
            }
        } else {
            alert("no cookie, setting now");
            setCookie("sum", 0);
        }
    }
}

// 将 cookie有效期设置为 2016年
function setCookie(key, value) {
    var cookieDate = new Date(2016, 11, 10, 19, 30, 30);
    document.cookie = key + "=" + encodeURI(value) + "; expires=" + cookieDate.toGMTString() + "; path=/";
}

// 在每个 cookie之前用分号隔开
function readCookie(key) {
    var cookie = document.cookie;
    var first = cookie.indexOf(key + "=");

    // 存在 cookie
    if (first >= 0) {
        var str = cookie.substring(first, cookie.length);
        var last = str.indexOf(";");

        // 如果是最后一个 cookie
        if (last < 0) last = str.length;

        // 获取 cookie的值
        str = str.substring(0, last).split("=");
        return decodeURI(str[1]);
    } else {
        return null;
    }
}

// 将 cookie的有效期设置成过去，以达到删除 cookie的目的
function eraseCookie (key) {
    var cookieDate = new Date(2000, 11, 10, 19, 30, 30);
    document.cookie = key + "= ; expirse=" + cookieDate.toGMTString() + "; path/";
}

黄小二 2010-05-29 21:46 发表评论

Javascript学习指南（第2版）笔记(四) 表单、表单事件及校验

黄小二 — Sat, 29 May 2010 07:50:00 GMT

1、跨浏览器兼容的事件处理
 2、选择列表框
 3、单选按钮和复选框
 4、测验

1、跨浏览器兼容的事件处理

//可复用的事件处理函数
function catchEvent(eventObj, event, eventHandler) {
  if (eventObj.addEventListener) {
    eventObj.addEventListener(event, eventHandler, false);
  } else if (eventObj.attachEvent) {
    event = "on" + event;
    eventObj.attachEvent(event, eventHandler);
  }
}

//可复用的事件取消函数
function cancelEvent(event) {
  if (event.preventDefault) {
    event.preventDefault();
    event.stopPropagation();
  } else {
    event.retrunValue = false;
    event.cancelBubble = true;
  }
}

2、选择列表框

var opts = document.getElementById("someForm").selectOpts.options;
for (var i=0; i<opts.length; i++) {
  if (opts[i].selected) {
    alert(opts[i].text + " " + opts[i].value);
  }
}

a.动态添加一个新的选项：由于数组的索引值是从 0开始编号的，因此只要以数组的 length属性作为索引值，就可以在数组的最后面添加一个新的数组元素。
opts[opts.length] = new Option["Option Four", "Opt4"];

b.删除一个选项，只需将数组中该选项设置为 null，这样操作将会重新安排数组，而不会导致编号不连续的现象。
opts[2] = null;

如果想删除所有选项，那么只需将数组的 length设置为 0。
opts.length = 0;

自动选择

//catchEvent(document.getElementById("selectOpts"), "change", checkSelect);
var theEvent = evnt ? evnt : window.event;

var opts = document.getElementById("someForm").selectOpts.options;
for (var i=0; i<opts.length; i++) {
  if (opts[i].selected) {
    switch (opts[i].value) {
      case "Opt1" : opts[i+1].selected = true;
        break;
      case "Opt3" : opts[i+1].selected = true;
        break;
      case "Opt5" : opts[i+1].selected = true;
        break;
    }
  }
}

3、单选按钮和复选框

//单选按钮访问：
var buttons = document.getElementById("radioGroup");
for (var i=0; i<buttons.length; i++)
{
  if (buttons[i].checked) {
    alert(buttons[i].value);
  }
}

//复选框选择：
var colorOpts = document.getElementById("someForm").getElementByTagName("input");

//遍历复选框中的每个 checkbox，检查是否被选中
var isChecked = false;
for (var i=0; i<colorOpts.length; i++) {
  if ((colorOpts[i].type == "checkbox") && (colorOpts[i].checked)) {
    ifChecked = true;
    break;
  }
}

//没有一个 checkbox被选中
if (!isChecked) {
  alert("no choose!");

}

4、测验

Q：如果表单数据不完整或无效，如何停止表单提交操作？
A：
如果你使用 DOM Level 0的事件，那么只要在事件句柄中返回 false值，并且在事件句柄脚本中取消表单提交操作即可。
如果你使用 DOM Level 2模型，那么就将 event对象的 cancelBubble属性设置为 true（针对 IE），并调用其 preventDefault方法（针对其他浏览器）。

黄小二 2010-05-29 15:50 发表评论

Javascript学习指南（第2版）笔记(三) 排错、调试、事件捕获

黄小二 — Sat, 29 May 2010 01:25:00 GMT

1、排错、调试
2、事件
3、Event对象
4、事件冒泡
5、事件句柄和 this
6、DOM Level 2事件模型
7、测验

1、排错、调试

Firebug是最常用的 Firefox开发工具，同时常用的 Web工具还有 Web Developer toolkit，该工具功能包括页面 HTML和 CSS代码的校验、可访问性检查、查看 CSS和 cookies、检查图像、查看 JavaScript修改后的页面源代码（包括动态源代码）。

2、事件

事件包括：用户界面事件（鼠标、键盘触发的）、逻辑事件（一个处理的结果）、和变化事件（修改文档的操作）。

事件句柄　(Event Handlers)

HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为，比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表，可将之插入 HTML 标签以定义事件的行为。

属性	此事件发生在何时...	IE	F	O	W3C
onabort	图像的加载被中断。	4	1	9	Yes
onblur	元素失去焦点。	3	1	9	Yes
onchange	域的内容被改变。	3	1	9	Yes
onclick	当用户点击某个对象时调用的事件句柄。	3	1	9	Yes
ondblclick	当用户双击某个对象时调用的事件句柄。	4	1	9	Yes
onerror	在加载文档或图像时发生错误。	4	1	9	Yes
onfocus	元素获得焦点。	3	1	9	Yes
onkeydown	某个键盘按键被按下。	3	1	No	Yes
onkeypress	某个键盘按键被按下并松开。	3	1	9	Yes
onkeyup	某个键盘按键被松开。	3	1	9	Yes
onload	一张页面或一幅图像完成加载。	3	1	9	Yes
onmousedown	鼠标按钮被按下。	4	1	9	Yes
onmousemove	鼠标被移动。	3	1	9	Yes
onmouseout	鼠标从某元素移开。	4	1	9	Yes
onmouseover	鼠标移到某元素之上。	3	1	9	Yes
onmouseup	鼠标按键被松开。	4	1	9	Yes
onreset	重置按钮被点击。	4	1	9	Yes
onresize	窗口或框架被重新调整大小。	4	1	9	Yes
onselect	文本被选中。	3	1	9	Yes
onsubmit	确认按钮被点击。	3	1	9	Yes
onunload	用户退出页面。	3	1	9	Yes

注：HTML DOM Event 对象 http://www.w3school.com.cn/htmldom/dom_obj_event.asp

内联模式/内联注册模式：
以属性的形式为 HTML元素添加属性的方法。

传统模式/传统注册模式：
通过对象属性将一个函数指派为事件句柄。如果想禁用事件处理，那么可以将事件句柄的值赋为 null。
window.onload = calcNumber;

注：
     在 DOM Level 0事件模型中，任何对象只允许指定一个事件句柄。如果你想针对某一特定对象的某个事件指定多个函数，则需要在事件句柄代码中列出他们：

内嵌模式：

传统模式：
function helloMsg() {
    var helloString = "hello there";
    alert(helloString);
    helloTwice();
}

当要求浏览器停止执行事件行为，可以从事件句柄函数中返回 false值。

3、Event对象

Event对象是和所有事件相关的。它有一些用来提供事件相关信息的属性，如 Web页面中鼠标点击的位置。

IE将 Event视为 window对象的属性。当处理事件时，将通过程序访问 window对象，其所包含的数据也会相应的进行填充。

function mouseDown() {
var locString = "X = " + window.event.screenX + " Y = " + window.event.screenY;
alert(locString);
}

document.onmousedown = mouseDown;

在基于 Netscape的浏览器（如 Firefox、Mozilla、Opera和 Safari）中，获取 Event对象的方法是不同的：他将作为函数的一部分传入。

function mouseDown(theEvent) {
var locString = "X = " + theEvent.screenX + " Y = " + theEvent.screenY;
alert(locString);
}

document.onmousedown = mouseDown;

处理这些浏览器差异的方法之一是检查传入函数的 Event对象是否已经实例化。如果是，那么将这个 Event对象赋给一个局部变量；否则，将假定 window.event为该事件，并将其赋给这个局部变量。

function mouseDown(nsEvent) {
    var theEvent = nsEvent ? nsEvent : window.event;    //判断 nsEvent对象是否已定义。定义则赋值，否则选择 window.event属性
    var locString = "X = " + theEvent.screenX + " Y = " + theEvent.screenY;
    alert(locString);
}

document.onmousedown = mouseDown;

鼠标 / 键盘属性

属性	描述	IE	F	O	W3C
altKey	返回当事件被触发时，"ALT" 是否被按下。	6	1	9	Yes
button	返回当事件被触发时，哪个鼠标按钮被点击。	6	1	9	Yes
clientX	返回当事件被触发时，鼠标指针的水平坐标。	6	1	9	Yes
clientY	返回当事件被触发时，鼠标指针的垂直坐标。	6	1	9	Yes
ctrlKey	返回当事件被触发时，"CTRL" 键是否被按下。	6	1	9	Yes
metaKey	返回当事件被触发时，"meta" 键是否被按下。	No	1	9	Yes
relatedTarget	返回与事件的目标节点相关的节点。	No	1	9	Yes
screenX	返回当某个事件被触发时，鼠标指针的水平坐标。	6	1	9	Yes
screenY	返回当某个事件被触发时，鼠标指针的垂直坐标。	6	1	9	Yes
shiftKey	返回当事件被触发时，"SHIFT" 键是否被按下。	6	1	9	Yes

注：HTML DOM Event 对象 http://www.w3school.com.cn/htmldom/dom_obj_event.asp

注：
在 IE中，fromElement 对于 mouseover 和 mouseout 事件，fromElement 引用移出鼠标的元素。
而在 Mozilla/Firefox中，relatedTarget 返回与事件的目标节点相关的节点。
要解决浏览器差异，可以使用：
var oldElement = theEvent.fromElement ? theEvent.fromElement : theEvent.relatedTarget;

4、事件冒泡

     如果你为多个嵌套的元素设置相同的事件句柄，会发生什么呢？他们将以什么样的顺序触发？如果你想使得一次只影响一个元素，那么如何保存触发事件句柄的事件呢？

     要管理元素堆栈中的事件，其中一个方法就是众所周知的事件冒泡。在事件冒泡中，最内部的元素将首先触发该事件，然后堆栈内的下一个元素触发该事件，以此类推，直到最外面的元素。如果事件句柄被指定给所有元素，那么这些事件将依次被触发。

     如果 div2在 div1内部，而 div1又在 document内部，三者都做了事件处理。当事件触发的时候，优先最里面的 div2元素，然后是 div1元素，最后是 document元素。

     如果你有一个元素堆栈，并且只希望一个元素触发该事件句柄，那么你可以取消事件冒泡机制。如果在 IE中要取消一个事件冒泡，可以使用 IE中事件的 cancelBubble属性；对于 Mozilla而言，则应该使用事件的 stopPropagation方法。你可以先检查 stopPropagation方法是否存在，然后根据其结果确定使用哪种方法：

function stopEvent(evnt) {
if (evnt.stopPropagation) evnt.stopPropagation;
else evnt.cancelBubble = true;
}
//注：IE 7中调试出错，提示信息 "stopPropagation为空或不是对象"。

5、事件句柄和 this

this关键字表示的是当前调用的函数或者方法的所有者。对于一个全局变量而言，它表示的就是 window对象。对于一个对象的方法而言，它表示的就是该对象实例。而在一个事件句柄中，它表示的就是接收到该事件的元素。

document.getElementById("first").onmousedown = function() {
alert(this); //在 Firefox中将输出 "[object HTMLDivElement]"
alert("first element event");
}

6、DOM Level 2事件模型

     对于堆栈内元素的事件处理，还有一种被称为事件捕捉(event capturing)或 cascade-down的事件处理机制。对于前面这个包含3个元素的示例而言，事件将从最外面的元素开始触发：window -> div1 -> div2。

     老事件模型和新的 DOM Level 2事件模型之间，主要区别：
a.新事件模型并不依赖于特定的事件来处理属性；
b.你可以对任何一个对象的任何一种事件注册多个事件句柄函数。

     新的事件句柄提供的3个方法：
addEventListener，添加一个事件监听器；
removeEventListener，删除一个事件监听器；
dispatchEvent，分发一个新的事件。

示例：
object.addEventListener('event', eventFunction, boolean);

     如 click或 load之类的事件是其第一参数；第二个参数是指定的事件句柄函数；第三个参数用来指定事件是以 cascade-down或者冒泡模式处理的。当第三个参数为 false时这个事件监听器将以冒泡模式处理，否则将把这个事件监听器改成事件捕捉模型。

     如果你想停止事件执行时，可以在函数中调用 stopPropagation方法：
function cascadeDown(evnt) {
    ...
    evnt.stopPropagation();
}

     如果要彻底删除一个事件监听器，可以使用 removeEventListener方法：
document.removeEventListener("click", cascadeDown, true);

     在 IE中，与 addEventListener和 removeEventListener方法相似的是 attachEvent和 detachEvent，对应语法是：
object.attachEvent("eventhandler", function);
第一个参数是事件句柄，第二个是其函数。detachEvent语法类似。

跨浏览器解决方案：

IE 属性

除了上面的鼠标/事件属性，IE 浏览器还支持下面的属性：

属性	描述
cancelBubble	如果事件句柄想阻止事件传播到包容对象，必须把该属性设为 true。
fromElement	对于 mouseover 和 mouseout 事件，fromElement 引用移出鼠标的元素。
keyCode	对于 keypress 事件，该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件，它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。
offsetX,offsetY	发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。
returnValue	如果设置了该属性，它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle，可以取消发生事件的源元素的默认动作。
srcElement	对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。
toElement	对于 mouseover 和 mouseout 事件，该属性引用移入鼠标的元素。
x,y	事件发生的位置的 x 坐标和 y 坐标，它们相对于用CSS动态定位的最内层包容元素。

注：HTML DOM Event 对象 http://www.w3school.com.cn/htmldom/dom_obj_event.asp

标准 Event 属性

下面列出了 2 级 DOM 事件标准定义的属性。

属性	描述	IE	F	O	W3C
bubbles	返回布尔值，指示事件是否是起泡事件类型。	No	1	9	Yes
cancelable	返回布尔值，指示事件是否可拥可取消的默认动作。	No	1	9	Yes
currentTarget	返回其事件监听器触发该事件的元素。	No	1	9	Yes
eventPhase	返回事件传播的当前阶段。				Yes
target	返回触发此事件的元素（事件的目标节点）。	No	1	9	Yes
timeStamp	返回事件生成的日期和时间。	No	1	9	Yes
type	返回当前 Event 对象表示的事件的名称。	6	1	9	Yes

注：HTML DOM Event 对象 http://www.w3school.com.cn/htmldom/dom_obj_event.asp

7、测验

Q1：使用 DOM Level 0方法为 document的 click事件指定一个事件句柄函数。
A1：document.onclick = clickMe;

Q2：使用 DOM Level 2事件处理机制为 document添加 click事件句柄。
A2：document.addEventListener("click", clickMe, false);

Q3：如果使事件处理机制能安全运行所有浏览器？
A3：
    if (evtObject.addEventListener) evtObject.addEventListener("click", clickMe, false);
    else if (evtObject.attachEvent) evtObject.attachEvent("onclick", clickMe);
    else if (evtObject.onclick) evtObject.onclick=clickMe;

Q4：对于为 document对象指定的 onclick事件句柄，如何知道是在屏幕的什么位置执行了单击操作？
A4：
     如果使用 DOM Level 0事件处理系统，那么将无法使用 window对象的 event对象，也不能将其作为参数传给函数。
     对于 DOM Level 2事件处理模型而言，event对象将会传给事件句柄函数，你可以通过 event对象访问其 screenX和 screenY属性。

Q5：使用 DOM Level 2事件系统，如何阻止从其他元素中冒泡上来的事件。
A5：
     IE所支持的方法和绝大多数浏览器所支持的方法有所不同，因此你需要分别支持 IE和其他浏览器。你可以检查 event对象是否支持 stopPropagation方法。如果支持，则调用它；否则就将 cancelBubble属性的值设置为 true。

Q7：捕获 document对象的 keydown事件
A7：

window.onload = function() {
    if (document.addEventListener) document.addEventListener("keydown", getKey, false);
    else if (document.attachEvent) document.attachEvent("onkeydown", getKey);
    else if (document.onkeydown) document.onkeydown=getKey;
}

function getKey(evnt) {
    var theEvent = evnt ? evnt : window.event;
    alert(theEvent.which);  //Firefox 返回值，IE 7提示 undefined
}

黄小二 2010-05-29 09:25 发表评论

Javascript学习指南（第2版）笔记(二) 对象、函数

黄小二 — Wed, 26 May 2010 08:29:00 GMT

1、字符串基本类型和字符串对象的相互转换
 2、String对象
3、正则表达式
4、数组
5、函数
6、匿名函数
7、函数字面量

1、字符串基本类型和字符串对象的相互转换

如果创建的是字符串基本类型，却又以对象的行为访问，那么 JavaScript会将该基本类型自动转换成对象，但是转换成的 String对象只是一个临时变量，并且在属性操作后销毁该对象，所以这种操作不够有效，多了一次转换的过程而已。

var strName = "Shelley"; //字符串基本类型
alert(strName.length); //隐式创建 String对象，数值与 strName相同，并执行 length方法

2、String对象

本节内容引自：JavaScript String 对象参考手册
http://www.w3school.com.cn/js/jsref_obj_string.asp

var sObject = new String("Sample string");

     字符串是 JavaScript 的一种基本的数据类型。String 对象的 length 属性声明了该字符串中的字符数。String 类定义了大量操作字符串的方法，例如从字符串中提取字符或子串，或者检索字符或子串。

     需要注意的是，JavaScript 的字符串是不可变的（immutable），String 类定义的方法都不能改变字符串的内容。像 String.toUpperCase() 这样的方法，返回的是全新的字符串，而不是修改原始字符串。

     在较早的 Netscape 代码基的 JavaScript 实现中（例如 Firefox 实现中），字符串的行为就像只读的字符数组。例如，从字符串 s 中提取第三个字符，可以用 s[2] 代替更加标准的 s.charAt(2)。此外，对字符串应用 for/in 循环时，它将枚举字符串中每个字符的数组下标（但要注意，ECMAScript 标准规定，不能枚举 length 属性）。因为字符串的数组行为不标准，所以应该避免使用它。

3、正则表达式

正则表达式是由字符串所组成的表达式，用于匹配、替换或者查找特定的字符串。通过 RegExp对象可以显式地创建正则表达式：
var searchPatten = new RegExp('s+');

也可以使用文字量方式创建正则表达式：
var searchPatten = /s+/;

test方法

test方法将判断以参数传入的字符串是否与正则表达式相匹配。

var re = /Javascript rules/i;
/* var re = new RegExp('s+', 'g'); //对象实例，第二个参数表示匹配选项 */
var str = "Javascript rules";
if (re.test(str)) document.writeln("I guess it does rule");

其中修饰符
i 执行对大小写不敏感的匹配。
g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m 执行多行匹配。

exec方法

var re = new RegExp("JS*", "ig");
var str = "cfdsJS *(&YJSjs 888JS";
var resultArray = re.exec(str);
while (resultArray) {
    document.writeln(resultArray[0]);
    document.writeln("next match starts at " + re.lastIndex + "");

    resultArray = re.exec(str);
}

/*
由于设置选项 g，RegExp中的 lastIndex属性会设置为上一次匹配的位置，所以每次 exec调用都会查找下一个匹配。该示例中总共找到4次匹配，当没有匹配时，将会返回的数值是空值 null，当数组为空值时循环自动结束。

输出：
JS next match starts at 6
JS next match starts at 13
js next match starts at 15
JS next match starts at 21

*/

exec方法将返回一个数组，但是数组并不是所有匹配项，而是当前匹配项和所有带圆括号的子字符串。如果在表达式中使用圆括号引用正则表达式的某部分，那么匹配的时候，这些括号所匹配的字符串也会体现在返回的数组中。

var re = /(ds)+(j+s)/ig;
var str = "cfdsJS *(&dsjjjsYJSjs 888dsdsJS";
var resultArray = re.exec(str);
while (resultArray) {
    document.writeln(resultArray[0]);
    document.writeln("next match starts at " + re.lastIndex + "");
    for (var i=1; i<resultArray.length; i++)
    {
        document.writeln("substring of " + resultArray[i] + "");
    }
    document.writeln("")

    resultArray = re.exec(str);
}

/*

输出：
dsJS next match starts at 6
substring of ds
substring of JS

dsjjjs next match starts at 16
substring of ds
substring of jjjs

dsdsJS next match starts at 31
substring of ds
substring of JS

*/

支持正则表达式的 String 对象的方法
search 检索与正则表达式相匹配的值。
match 找到一个或多个正则表达式的匹配。
replace 替换与正则表达式匹配的子串。
split 把字符串分割为字符串数组。

参考：JavaScript RegExp 对象参考手册
http://www.w3school.com.cn/js/jsref_obj_regexp.asp

4、数组

     数组不一定是一维的，在 JavaScript中管理多维数组的方法是为每个数组元素创建一个新的数组。

var threedPoints = new Array();
threedPoints[0] = new Array(1.2, 3.33, 2.0);
threedPoints[1] = new Array(5.3, 5.5, 5.5);
threedPoints[2] = new Array(6.4, 2.2, 1.9);
var newZPoint = threedPoints[2][2];     //数组以索引方式访问

     数组的 concat 和 slice都不会改变原有数组，而只是创建一个新的数组以作为方法的返回值。

     在大多数情况下，数组元素的顺序并不重要，不过也有些需要维护数组元素顺序的场景，例如队列。数组维护队列的方法：
push 将元素添加到数组后面
unshift 将元素添加到数组最前面
pop 移除数组的最后一个元素
shift 移除第一个元素

数组的访问

//通过循环来遍历数组
for (var i=0; i<threedPoints[0].length; i++){
alert(threedPoints[0][i]);
}

//使用 forin 循环
for (var itemIndex in threedPoints[0]){
document.writeln(threedPoints[0][itemIndex] + "");
}

根据逗号分隔的字符串方式创建数组

var animalString = "cats,dogs,birds,horse";
var animalArray = animalString.split(",");
alert(animalArray[2]); //alert box display birds

JavaScript Array 对象参考手册
http://www.w3school.com.cn/js/jsref_obj_array.asp

5、函数

     JavaScript中函数和对象相似，你可以定义一个函数，创建一个新的函数，甚至输出一个函数。正是因为有了这个功能，你可以将一个函数给一个变量或数组元素，甚至可以将其作为参数传给另一个函数调用。

     在 JavaScript中有3种创建函数的方法：声明式的/静态的、动态的/匿名的、字面量式的。在使用它们之前，理解各种方法的效果是十分重要的。

     如果在一个函数中需要执行多个任务，可以考虑将这个函数拆分成几个更小的单元，这样做可提高复用性。在实际中，尽量让函数短小、使其特定于某个人物、尽量保持通用是应该遵守的规则。

6、匿名函数

匿名/动态函数对于定义一个在运行时才能确定需求的函数而言是个很好的方法。匿名函数每次访问都会解析一次。使用匿名函数构造器：
var variable = new Function("param1", "param2",...,"paramn","function body");

/*
用户将通过 alert对话框来设置定义函数所需的函数体及两个参数，
然后调用该函数，
将其生成的结果输出到页面上。

注：FF调试通过，IE7异常
*/

//提示输入函数体和参数
var func = prompt("Enter function body:");
var x = prompt("Enter value of x:");
var y = prompt("Enter value of y:");

//调用这个匿名参数
var op = new Function("x", "y", func);
var theAnswer = op(x, y); //function anonymous(x, y) {}

//输出函数执行结果
alert("Function is: ", func);
alert("x is: " + x +
"; y is: " + y);
alert("The answer is: " + theAnswer);

/*
输入/输出：
Function is: return x * y;
x is : 33; y is : 11;
The answer is: 363;
*/

7、函数字面量

     函数字面量也称函数表达式，因为这样创建的函数将成为表达式的一部分，而不是一个特有类型的语句，他们像匿名函数一样没有定义函数名称，但函数字面量只会被解析一次，它是静态的。

     当你想实现如吧一个函数作为另一个函数的参数之类的扩展时，函数字面量的特色就会显示出来。

//将第三个参数作为函数来声明
function funcObject(x,y,z){
    alert(z(x,y));
}

//第三个参数是一个函数
funcObject(3, 4, function(x, y){ return x*y})

黄小二 2010-05-26 16:29 发表评论

Javascript学习指南（第2版）笔记(一) Script、数据类型和变量、操作符和语句

黄小二 — Mon, 24 May 2010 09:13:00 GMT

1、Script的 defer属性
 2、为body添加脚本
 3、CDATA小节
 4、null和undefined变量
5、缩减JavaScript代码

1、Script的 defer属性

如果将defer属性设置为"defer"，那么表示该脚本不会生成任何文档内容，于是浏览器可以提前处理页面的剩余部分，在页面处理结束并做好显示准备时才处理脚本部分。defer属性可以提高页面载入的速度，特别是那些引用了大量的JavaScript代码或者庞大的JavaScript程序库的页面。

2、为body添加脚本

     前面我们曾经说过，因为对script元素进行集中管理有利于网页的可维护性，所以script元素通常将添加在网页上的head元素中。然而，在body元素中添加脚本的原因往往是出于性能的考虑。

     因为浏览器从同一个域名并发载入的资源是有限制的，所以，当把脚本添加到head元素中时，首先载入的将是脚本，其次才是文档的剩余部分。此外，浏览器可能会延迟页面剩余部分的显示，因为脚本中可能会调用document.write方法修改document对象。如果JavaScript文件很庞大，那么网页中的图片以及其他重要的信息将会被延迟显示，这所带来的问题远比可维护性更加重要。

     即使在script元素中使用defer属性也不一定能完全解决该问题，特别是并发资源访问和页面显示的限制。

     在High Performance Web Sites（中译版《高性能网站建设指南》一书中，作者推荐将script元素放在文档的最末尾处，这样网页的其他部分就可以优先载入。大多数复杂网站的开发人员更倾向于这种方法。这种方法带来的负面影响是脚本不容易查找，网页的可维护性也较差。

     那么什么才是最佳方法呢？我发现大多数网站并不引用庞大的JavaScript程序库，在保证较好性能的前提下，将脚本放在head元素中，也确保网页可维护性的优势。不过，如果的确需要使用庞大的JavaScript程序库，那么可以考虑将脚本放在页面的最末尾处。

     不论采用何种方法，请确保脚本位置的一致性，要么全部放在head元素中，要么全部在body元素的最末尾处。

3、CDATA小节

     之所以使用CDATA小节，是因为XHTML处理器在解释标记型语言时会识别出所有的开始标签和结束标签。

     在页面文件中通过script元素的src属性引用的JavaScript，是XHTML标准所兼容的，并且不要求使用CDATA小节。如果是嵌入的JavaScript代码，那么就需要使用CDATA小节，特别是包含在body元素中的代码。对于大多数浏览器而言，还需要用JavaScript注释符（//）来隐藏CDATA小节，如示例1.3所示，否则将会出现JavaScript错误。

     当然，保持页面整洁的最佳方式是将JavaScript代码从页面中彻底移去，改成使用链接JavaScript文件的方式。

     在本书的大多数示例中，JavaScript代码是直接嵌入在页面里的，这样可以提高代码的可读性且易于检查。然而，Mozilla推荐将所有嵌入的JavaScript代码都从页面中移去，放在独立的JavaScript文件中。使用独立的JavaScript文件，可以避免校验以及文本解释错误等问题，而不用担心页面是以HTML还是XHTML的方式进行处理。

提示
     使用JavaScript文件往往也能提高网页载入的效率，因为浏览器会在第一次载入文件的时候进行缓存，引用相同文件时则会从缓存中获取。

4、null和undefined变量

null变量是已定义的、值为null的变量。以下是一个null变量的示例：
var nullString = null;

如果变量已经声明但是还没有初始化，那么就是undefined变量：
var undefString;

如果声明了变量并且赋予了初始值，那么该变量就不是null或undefined：
var sValue = "";

     当你使用JavaScript程序库时，或者在一些复杂的代码中，某些变量有可能还没有初始化；如果尝试在表达式中使用这样的变量，那么就有可能得到出乎意料的结果，通常会导致JavaScript错误。如果不确定变量的状态，那么可以在条件表达式中测试该变量，例如：
if (sValue) ...     // 如果变量是null或undefined，那么结果为true，否则是false

     在第3章中将详细介绍条件语句，现在你只需要知道该表达式会判断变量sValue是否已经声明并初始化，如果已声明并初始化则该表达式的值为true，否则，该表达式的值为false。

if (unknownVariable)     // false，变量没有声明或赋值
if (undefinedString)     // false，变量没有赋值
if (nullString)          // false，变量已经声明并且赋值，但是所赋的值是null
if (sValue)               // true，变量已经声明并且赋值（包括空字符串）使用null关键字，可以判断数值是否为null：

if (sValue == null)
在JavaScript中，即使变量已经声明，但只要还没有初始化就是undefined变量。如果变量已经声明并初始化，那么变量就不是null或undefined。然而，在该示例中它是一个全局变量，正如之前的章节所述，没有以var关键字声明的变量可能会引起各种各样的问题。

5、缩减JavaScript代码

     空格能够提高代码的可读性，但同时也会增加文件的大小。通常情况下，这没什么影响，因为大多数JavaScript文件都非常小。然而，对于某些大型Ajax应用，或者复杂的JavaScript程序库来说，太大的JavaScript文件会影响载入JavaScript的速度。

     如果要尽可能压缩JavaScript文件，那么可以选用一些免费的工具，例如Dean Edward的Packer（http://dean.edwards.name/packer/），它能够在线压缩JavaScript代码。或者使用Wikipedia中"minify"条目（http://en.wikipedia.org/wiki/Minify）中所列举的工具，这些工具可以在桌面或者服务器上使用。

     另一类工具是用来保护JavaScript代码版权的。这些工具不仅仅会压缩JavaScript代码，甚至还会对代码进行加密，从而使代码难以阅读。

黄小二 2010-05-24 17:13 发表评论

[笔记] 技巧/诀窍：在ASP.NET中重写URL

黄小二 — Tue, 11 May 2010 02:52:00 GMT

原文地址：
技巧/诀窍：在ASP.NET中重写URL http://blog.joycode.com/scottgu/archive/2007/03/01/94004.aspx

方法一：使用Request.PathInfo 参数而不是查询字符串
 方法二：使用HttpModule实现URL重写
 方法三：在IIS7中使用HttpModule 实现无扩展名的URL重写
 方法四：在IIS5和IIS6中使用 ISAPIRewrite 来实现无扩展名的URL重写
在URL重写里处理ASP.NET PostBack
正确地处理CSS和图像引用

例程的URL重写场景
http://www.store.com/products.aspx?category=books
http://www.store.com/products.aspx?category=DVDs
http://www.store.com/products.aspx?category=CDs

方法一：使用Request.PathInfo 参数而不是查询字符串

http://www.store.com/products.aspx/Books
http://www.store.com/products.aspx/DVDs
http://www.store.com/products.aspx/CDs

方法二：使用HttpModule实现URL重写

http://www.store.com/products/Books.aspx
http://www.store.com/products/DVDs.aspx
http://www.store.com/products/CDs.aspx

方法三：在IIS7中使用HttpModule 实现无扩展名的URL重写

http://www.store.com/products/Books
http://www.store.com/products/DVDs
http://www.store.com/products/CDs

IIS 7.0使得处理这类情形容易之极。你现在可以在 IIS 请求管道的任何地方执行一个HttpModule，这意味着你可以使用上面的URLRewriter 模块来处理和重写无扩展名的URL(甚至是带有 .asp，.php，或 .jsp 扩展名的URL)。下面示范了你在IIS7中该如何配置：

xml version="1.0" encoding="UTF-8"?>

<configuration>

  <configSections>
    <section name="rewriter"
             requirePermission="false"
             type="Intelligencia.UrlRewriter.Configuration.RewriterConfigurationSectionHandler, Intelligencia.UrlRewriter" />
  configSections>

  <system.web>
    <httpModules>
      <add name="UrlRewriter" type="Intelligencia.UrlRewriter.RewriterHttpModule, Intelligencia.UrlRewriter" />
    httpModules>
  system.web>

  <system.webServer>
    <modules runAllManagedModulesForAllRequests="true">
      <add name="UrlRewriter" type="Intelligencia.UrlRewriter.RewriterHttpModule" />
    modules>
    <validation validateIntegratedModeConfiguration="false" />
  system.webServer>

  <rewriter>
    <rewrite url="~/products/(.+)" to="~/products.aspx?category=$1" />
  rewriter>

configuration>

方法四：在IIS5和IIS6中使用 ISAPIRewrite 来实现无扩展名的URL重写

在URL重写里处理ASP.NET PostBack

当使用URL重写时，会出现这样的问题，

控件显示的URL不是原先请求的URL(譬如，/products/books)，而是重写过后的URL(譬如，/products.aspx?category=books)。这意味着，当你做一个postback到服务器时，URL不再是你原先干净利落的那个了。在ASP.NET 2.0中，有个比较干净的诀窍你可以用来重写控件的action属性。具体地来说，你可利用新的ASP.NET 2.0控件适配器扩展架构来定制控件的输出，用你提供的值来覆盖action属性的值。这不要求在你的.aspx页面里做任何编码改动，而只要在你的/app_browsers文件夹里添加一个.browser文件，注册使用一个控件适配类即可输出新的action属性。

正确地处理CSS和图像引用

不少人在第一次使用URL重写时，有时会遇上一个疑难杂症，就是他们发现他们的图像和CSS样式表引用有时会停止工作。这是因为他们在HTML网页里有对这些文件的相对引用，当你开始在应用里重写URL时，你需要意识到浏览器经常会在不同的逻辑层次结构层上(logical hierarchy levels)请求文件，而不是实际存储在服务器上的东西。

譬如，如果我们上面的/products.aspx网页对.aspx 网页里的logo.jpg有一个相对引用，但是通过 /products/books.aspx这个URL来请求的，那么浏览器在显示网页时，将会发出一个对/products/logo.jpg的请求，而不是对/logo.jpg的请求。要正确地引用这个文件，确认你用根目录限定了(root qualify)CSS和图像引用(“/style.css”，而不是 “style.css”)。对于ASP.NET控件，你也可以使用“~”句法从你应用的根目录来引用文件(譬如，) 。

附：/Files/kiant/2010.05/UrlRewrite_HttpModule1.FormRewriter.cs.zip 附加CS版的文件

黄小二 2010-05-11 10:52 发表评论

各浏览器中javascript兼容性问题

黄小二 — Mon, 10 May 2010 16:10:00 GMT

1、使用setAttribute()改变网页中标签的onclick属性
 2、IE中通过 setAttribute添加的属性

1、使用setAttribute()改变网页中标签的onclick属性 *p1

setAttribute设置style和onclick这些属性在IE中是行不通的。

注：
*p1：使用setAttribute()改变网页中标签的onclick属性 http://blog.csdn.net/Cnami/archive/2008/05/27/2486516.aspx

2、IE中通过 setAttribute添加的属性 *p2

IE下setAttribute设置元素的对象、集合和事件属性都只当成普通属性，起不到原有的作用，但可以直接进行赋值操作。

注：
*p2：[求助]通过 setAttribute 添加的属性在 IE 下不被实现？ http://bbs.blueidea.com/viewthread.php?tid=2290521

黄小二 2010-05-11 00:10 发表评论

ASP.NET 会话状态

黄小二 — Mon, 10 May 2010 02:34:00 GMT

1、ASP.NET 会话状态
 2、会话状态模式
3、ASP.NET在不同应用程序之间共享Session
4、Session无故丢失
5、客户端使用Cookieless的方式存储Session信息
 6、Session.SessionID 固定

1、ASP.NET 会话状态

会话状态可在以下情况下使用：存储特定于单独会话的短期信息，并且需要较高的安全性。不要在会话状态中存储大量的信息。需要注意，将为应用程序中每一会话的生存期创建并维护会话状态对象。在支持许多用户的应用程序中，这可能会占用大量服务器资源并影响可缩放性。*p1

ASP.NET 默认情况下将会话信息存储在 ASP.NET 应用程序的内存空间。您可以使用一个独立的服务存储会话信息以便重新启动 ASP.NET 应用程序后会话信息仍然保留；或将会话信息存储在 SQL Server 中以便会话信息可供网络场中的多个 Web 服务器使用（重新启动 ASP.NET 应用程序后会话信息也会保留）；或将会话信息存储在自定义数据存储区。有关更多信息，请参见会话状态模式。

除了会话状态外，ASP.NET 还提供在应用程序中保留数据的一些其他方式。有关每种方式的比较，请参见 ASP.NET 状态管理建议。*p2

注:
*p1：ASP.NET 状态管理建议 http://msdn.microsoft.com/zh-cn/library/z1hkazw7(v=VS.80).aspx
*p2：ASP.NET 会话状态 http://msdn.microsoft.com/zh-cn/library/87069683(v=VS.80).aspx

2、会话状态模式

ASP.NET 会话状态支持若干用于会话数据的存储选项。每个选项都由 SessionStateMode 枚举中的一个值标识。下面的列表描述了可用的会话状态模式：

InProc 模式，此模式将会话状态存储在 Web 服务器上的内存中。这是默认设置。注意：它是唯一支持 Session_OnEnd 事件的模式。
StateServer 模式，此模式将会话状态存储在一个名为 ASP.NET 状态服务的单独进程中。这确保了在重新启动 Web 应用程序时会保留会话状态，并让会话状态可用于网络场中的多个 Web 服务器。注意：如果模式设置为 StateServer，则存储在会话状态中的对象必须是可序列化的。
SQLServer 模式，将会话状态存储到一个 SQL Server 数据库中。这确保了在重新启动 Web 应用程序时会保留会话状态，并让会话状态可用于网络场中的多个 Web 服务器。注意：如果是 SQL Server 模式，则存储在会话状态中的对象必须是可序列化的。
Custom 模式，此模式允许您指定自定义存储提供程序。
Off 模式，此模式禁用会话状态。

通过在应用程序的 Web.config 文件中为 sessionState 元素的 mode 属性分配一个 SessionStateMode 枚举值，可以指定要让 ASP.NET 会话状态使用的模式。除了 InProc 和 Off 之外，其他模式都需要附加参数，例如将在本主题后面讨论的连接字符串值。通过访问 System.Web.SessionState.HttpSessionState.Mode 属性的值，可以查看当前选定的会话状态。*p3

注：
*p3：会话状态模式 http://msdn.microsoft.com/zh-cn/library/ms178586(v=VS.80).aspx

3、ASP.NET在不同应用程序之间共享Session *p4

多个单独的应用程序，如何将这些模块集中身份验证与授权过程

方案1：
将每个独立的Web应用程序放到统一的解决方案中，实现起来复杂，易用性不高。

方案2：利用Session会话共享
InProc模式，Session被存储在IIS进程中，每个虚拟目录是隔离的，所以无法共享Session。

StateServer 模式，虽然是独立的状态服务器（进程），但在内存中这些应用程序还是隔离的。

SQLServer 模式，由于对Session的全部操作都是由存储过程来实现的，而且存储过程未进行加密，可以通过修改存储过程的内部结构来达到共享的目的。

ASPState数据库ASPStateTempApplications表中存储的是应用程序信息，每个应用程序在启动的时候在这里会注册一条记录，包括应用程序的ID（通过哈希算法生成的）和应用程序名称。有多少个应用程序，在这个表里就对应多少条记录。那我们现在要做的是把这些记录变成一条记录，也就是要欺骗Framework，让它认为这些不同的应用程序是同一个应用程序。

TempGetAppID存储过程，这个存储过程是用于通过传递应用程序名称来得到应用程序ID信息的。每个应用程序在调用这个过程时，这个过程会去AspStateTempApplications中检查是否有相应的记录，如果没有，就插入记录，然后返回相应的ID。

    ALTER PROCEDURE [dbo].[TempGetAppID]
    @appName    tAppName,
    @appId      int OUTPUT
    AS
    SET @appName = LOWER(@appName)
    --变量值固定，使所有应用程序通用为一个
    SET @appName = '/lm/w3svc/650056020/root/personnel/share'
    SET @appId = NULL

    SELECT @appId = AppId
    FROM [tempdb].dbo.ASPStateTempApplications
    WHERE AppName = @appName

注：
*p4：ASP.NET在不同应用程序之间共享Session http://www.3qsoft.com/Article.aspx?ID=173

4、Session无故丢失 *p5

mode="InProc"
==
默认的配置方式很容易丢失Session 请参考

asp中Session的工作原理：
asp的Session是具有进程依赖性的。ASP Session状态存于IIS的进程中，也就是inetinfo.exe这个程序。所以当inetinfo.exe进程崩溃时，这些信息也就丢失。另外，重起或者关闭IIS服务都会造成信息的丢失。

原因1：
bin目录中的文件被改写，asp.net有一种机制，为了保证dll重新编译之后，系统正常运行，它会重新启动一次网站进程，这时就会导致Session丢失，所以如果有access数据库位于bin目录，或者有其他文件被系统改写，就会导致Session丢失

原因2：
文件夹选项中，如果没有打开“在单独的进程中打开文件夹窗口”，一旦新建一个窗口，系统可能认为是新的Session会话，而无法访问原来的Session，所以需要打开该选项，否则会导致Session丢失

原因3：
似乎大部分的Session丢失是客户端引起的，所以要从客户端下手，看看cookie有没有打开

原因4：
Session的时间设置是不是有问题，会不会因为超时造成丢失

原因5：
IE中的cookie数量限制（每个域20个cookie）可能导致session丢失

原因6：
使用web garden模式，且使用了InProc mode作为保存session的方式

解决丢失的经验
1. 判断是不是原因1造成的，可以在每次刷新页面的时候，跟踪bin中某个文件的修改时间
2. 做Session读写日志，每次读写Session都要记录下来，并且要记录SessionID、Session值、所在页面、当前函数、函数中的第几次Session操作，这样找丢失的原因会方便很多
3. 如果允许的话，建议使用state server或sql server保存session，这样不容易丢失
4. 在global.asa中加入代码记录Session的创建时间和结束时间，超时造成的Session丢失是可以在SessionEnd中记录下来的。
5. 如果有些代码中使用客户端脚本，如javascript维护Session状态，就要尝试调试脚本，是不是因为脚本错误引起Session丢失

问：为什么Session在有些机器上偶尔会丢失？
答：可能和机器的环境有关系，比如：防火墙或者杀毒软件等，尝试关闭防火墙。

问：为什么当调用Session.Abandon时并没有激发Session_End方法？
答：首先Session_End方法只支持InProc（进程内的）类型的Session。其次要激发Session_End方法，必须存在Session（即系统中已经使用Session了），并且至少要完成一次请求（在这次请求中会调用该方法）。

问：为什么当我在InProc模式下使用Session会经常丢失？
答：该问题通常是由于应用程序被回收导致的，因为当使用进程内Session时，Session是保存在aspnet_wp进程中，当该进程被回收Session自然也就没有了，确定该进程是否被回收可以通过查看系统的事件查看器获得信息。
具体信息请参考：
Session variables are lost intermittently in ASP.NET applications
http://support.microsoft.com/default.aspx?scid=kb;en-us;Q316148
在1.0的时候也有一个bug会导致工作进程被回收并重启，该bug已经在1.1和sp2中修复。
关于该bug的详细信息请参考：
ASP.NET Worker Process (Aspnet_wp.exe) Is Recycled Unexpectedly.
http://support.microsoft.com/default.aspx?scid=kb;en-us;Q321792

问：什么类型的对象可以保存在Session里？
答：这依赖使用的Session的模式，当使用的是进程内（InProc）的Session那么可以轻松的保存任何对象。如果你使用了非InProc的模式，则只能保存可以序列化和反序列化的对象，如果此时保存的对象不支持序列化，则不能保存到这种模式（非InProc）的Session里。

问：为什么在Session_End中不能使用Response.Redirect和Server.Transfer方法跳转页面？
答：Session_End是一个在服务器内部激发的事件处理函数。它是基于一个服务器内部的计时器的，在激发该事件时服务器上并没有相关的HttpRequest对象，因此此时并不能使用Response.Redirect和Server.Transfer方法。

问：在Session_End中是否可以获得HttpContext对象？
答：不行，因为这个事件并没有和任何的请求（Request）相关联，没有基于请求的上下文。

问：在Web Service中该如何使用Session？
答：为了在Web Service中使用Session，需要在Web Service的调用方做一些额外的工作，必须保存和存储调用Web Service时使用的Cookie。详细信息请参考MSDN文档的HttpWebClientProtocol.CookieContainer属性。然而，如果你使用代理服务器访问Web Service由于框架的限制，两者不能共享Session。

问：当我使用webfarm时，当我重定向到其他的Web服务器时Session为什么会丢失？
答：详细信息请参考：
PRB: Session State Is Lost in Web Farm If You Use SqlServer or StateServer Session Mode
http://support.microsoft.com/default.aspx?scid=kb;en-us;325056

问：Session在global.asax中的那些事件中有效？
答：Session只有在AcquireRequestState事件之后有效，该事件之后的事件都可以使用Session。

问：为了可以顺序访问Session的状态值，Session是否提供了锁定机制？
答：Session实现了Reader/Writer的锁机制：
当页面对Session具有可写功能（即页面有 <%@ Page EnableSessionState="True" %>标记），此时直到请求完成该页面的Session持有一个写锁定。
当页面对Session具有只读功能（即页面有 <%@ Page EnableSessionState="ReadOnly" %>标记），此时知道请求完成该页面的Session持有一个读锁定。
读锁定将阻塞一个写锁定；读锁定不会阻塞读锁定；写锁定将阻塞所有的读写锁定。这就是为什么两个框架中的同一个页面都去写同一个Session时，其中一个要等待另一个（稍快的那个）完成后，才开始写。

问：Session平滑超时意味着什么？
答：Session平滑超时意味着只要你的页面访问（使用）了Session，超时时间将被刷新（可以理解为重新计时），即从该页面请求开始，将重新计算超时时间。但是，该页面不能禁用Session。它会自动的访问当前页面的Session，刷新超时时间。

问：在global.asax中的事件处理函数中Session为什么无效？
答：依赖于在哪个事件处理函数中使用Session，Session在AcquireRequestState事件之后才有效，该事件之后的所有事件处理函数都可以使用Session，之前的则不能。

问：当我使用InProc模式保存Session时，此时的Session是保存在哪里？
答：不同的IIS的处理方式不同，
当使用的是IIS5的时候Session是保存在aspnet_wp.exe的进程空间里的。
当使用的是IIS6时，默认情况下所有的应用程序共享应用程序池，Session保存在w3wp.exe的进程空间中。

问：当页面出现错误后我的Session是否将被保存？我需要在Session_End中处理一些清理工作，但是失败了，为什么？
答：Session_End只有在Session运行在InProc模式下才会被执行。Session_End使用的帐号是运行aspnet_wp工作进程的帐号（这个可以在machine.config中设置）。因此，如果在Session_End方法里，使用集成安全性链接到SQL，它将使用aspnet_wp进程的帐号打开链接，此时成功与否则依赖于你的SQL的安全性设置。

问：在Session_End是我是否可以获得有效的HttpSessionState和HttpContext对象？
答：你可以在这个方法中获得HttpSessionState对象，可以直接使用Session来访问即可。但是不能获得HttpContext对象，因为该事件并没有和任何请求相关联，因此不存在上下文对象。

问：在SQLServer模式下使用Session，为什么我的Session不过期？
答：在SqlServer模式下，Session的过期是通过SQL Agent的注册工作完成的，请检查你的SQL Agent是否运行？

问：当我设置EnableSessionState为“ReadOnly”后，但是我在InProc模式下依然可以修改Session的值，这是为什么？
答：即使EnableSessionState标示为ReadOnly，但是在InProc模式下用户依然可以编辑Session。唯一不同的是，在请求过程中Session将不会被锁住。

问：为什么在切换成SQLServer模式后我的请求被挂起了？
答：检查在Session里面是否都保存的是可以保存在SQLServer模式下的对象，即这些对象必须支持序列化。

问：当Session设置成cookieless后会有什么影响？
答：当把cookieless设置成true时，主要会有下面的约束：
1、在页面中不能使用绝对链接
2、在应用程序中在除了Http和Https之间的切换时需要完成一些其他的步骤。
如果发送一个链接给其他人，此时的URL里面将包含Session ID的信息，所以两个人将公用一个Session。

注：
*p5：Session丢失 http://topic.csdn.net/u/20081208/14/c154543c-8e86-406b-82a2-d3cc6f736b0d.html

5、客户端使用Cookieless的方式存储Session信息

sessionState中的cookieless="false"改为：cookieless="true"，这样，客户端的Session信息就不再使用Cookie存储了，而是将其通过URL存储。关闭当前的IE，打开一个新IE，重新访问刚才的Web应用程序，浏览器地址就会变为 http://localhost/MyTestApplication/(ulqsek45heu3ic2a5zgdl245)/default.aspx中黑体标出的就是客户端的Session ID。注意，这段信息是由IIS自动加上的，不会影响以前正常的连接。 *p6

问：当Session设置成cookieless后会有什么影响？
答：当把cookieless设置成true时，主要会有下面的约束：
1、在页面中不能使用绝对链接
2、在应用程序中在除了Http和Https之间的切换时需要完成一些其他的步骤。
如果发送一个链接给其他人，此时的URL里面将包含Session ID的信息，所以两个人将公用一个Session。 *p7

注：
*p6：[ASP.NET] Session 详解 http://www.blueidea.com/tech/program/2004/1856.asp
*p7：Session丢失 http://topic.csdn.net/u/20081208/14/c154543c-8e86-406b-82a2-d3cc6f736b0d.html

6、Session.SessionID 固定

IsNewSession：取得值，指出工作階段是否以目前要求建立。
SessionID：取得工作階段的唯一工作階段識別項。

re: 因為Session在還沒裝物件之前, ID都不是固定的. 如果您賦予Session內容, ex: Session["xxx"]=123 , 您會發現ID就會固定. *p8

注：
*p8：[ASP.Net]Session.IsNewSession與Session.SessionID http://www.dotblogs.com.tw/yilinliu/archive/2009/04/24/8163.aspx

黄小二 2010-05-10 10:34 发表评论

asp.net获取网站路径

黄小二 — Sat, 08 May 2010 16:02:00 GMT

引用自：
asp.net获取网站路径
http://hi.baidu.com/zhangfengbang/blog/item/5f99d74b0ce661f883025cbc.html
HttpRequest 成员
http://msdn.microsoft.com/zh-cn/library/system.web.httprequest_members(v=VS.80).aspx
ASP.NET获取网站根目录的url的函数，很简单
http://www.xueit.com/html/2009-03/21_932_00.html

网站在服务器磁盘上的物理路径: HttpRuntime.AppDomainAppPath
虚拟程序路径: HttpRuntime.AppDomainAppVirtualPath

任何于Request/HttpContext.Current等相关的方法, 都只能在有请求上下文或者页面时使用. 即在无请求上下文时,HttpContext.Current为null. 而上面提到的方法一直可用.

对于全局Cache对象的访问亦然.

示例：输出asp.net 网站路径。

private void responseHtml()
    {
         System.Text.StringBuilder sb = new System.Text.StringBuilder();
  //输出:当前时间: 2007-08-30 11:03:49
         sb.Append(string.Format("当前时间: {0}", Server.HtmlEncode(DateTime.Now.ToString())));
         sb.Append("");

  //当前请求的虚拟路径: /aDirectory/Sample/responseHtml.aspx
         sb.Append(string.Format("当前请求的虚拟路径: {0}",Server.HtmlEncode(Request.CurrentExecutionFilePath)));
         sb.Append("");

  //获取当前应用程序的根目录路径: /aDirectory
         sb.Append(string.Format("获取当前应用程序的根目录路径: {0}", Server.HtmlEncode(Request.ApplicationPath)));
         sb.Append("");

  //当前请求的虚拟路径: /aDirectory/Sample/responseHtml.aspx
         sb.Append(string.Format("当前请求的虚拟路径: {0}",Server.HtmlEncode(Request.FilePath)));
         sb.Append("");

  //当前请求的虚拟路径: /aDirectory/Sample/responseHtml.aspx
         sb.Append(string.Format("当前请求的虚拟路径: {0}",Server.HtmlEncode(Request.Path)));
         sb.Append("");

  //获取当前正在执行的应用程序的根目录的物理文件系统路径: E:\Visual Studio 2005\
         sb.Append(string.Format("获取当前正在执行的应用程序的根目录的物理文件系统路径: {0}", Server.HtmlEncode(Request.PhysicalApplicationPath)));
         sb.Append("");

  //获取与请求的 URL 相对应的物理文件系统路径: E:\Visual Studio 2005\\aDirectory\
         sb.Append(string.Format("获取与请求的 URL 相对应的物理文件系统路径: {0}", Server.HtmlEncode(Request.PhysicalApplicationPath)));
         sb.Append("");
         Response.Write(sb.ToString());
     }

在ASP.NET编程中经常需要用Request获取url的有关信息.

测试的url地址是http://www.test.com/testweb/default.aspx, 结果如下：
Request.ApplicationPath:                     /testweb
Request.CurrentExecutionFilePath:       /testweb/default.aspx
Request.FilePath:                                /testweb/default.aspx
Request.Path:                                     /testweb/default.aspx
Request.PathInfo:
Request.PhysicalApplicationPath:          E:\WWW\testweb\
Request.PhysicalPath:                         E:\WWW\testweb\default.aspx
Request.RawUrl:                                 /testweb/default.aspx
Request.Url.AbsolutePath:                    /testweb/default.aspx
Request.Url.AbsoluteUri:                      http://www.test.com/testweb/default.aspx
Request.Url.Host:                                www.test.com
Request.Url.LocalPath:                        /testweb/default.aspx

当url中带参数时可以使用:
HttpContext.Current.Request.Url.PathAndQuery.ToString()//

本页地址:   Request.URL;

上页地址:
Request.UrlReferrer
Request.ServerViables["http_referer"]
Request.RawUrl
Request.RawUrl.QueryAndPath
System.IO.Path.GetFileName(Request.FilePath.ToString())

获取网站根目录的url源代码--2010.05.09
http://www.xueit.com/html/2009-03/21_932_00.html

public static string GetRootURI()
    {
        string AppPath = "";
        HttpContext HttpCurrent = HttpContext.Current;
        HttpRequest Req;
        if (HttpCurrent != null)
        {
            Req = HttpCurrent.Request;
            string UrlAuthority = Req.Url.GetLeftPart(UriPartial.Authority);
            if (Req.ApplicationPath == null || Req.ApplicationPath == "/")
                //直接安装在   Web   站点
                AppPath = UrlAuthority;
            else
                //安装在虚拟子目录下
                AppPath = UrlAuthority + Req.ApplicationPath;
        }
        return AppPath;
    }

可修改为静态属性

private static string rootURI;

///

/// 获得网站根目录的url的函数
///

    /// 应用程序根目录 eg:  http://www.xxx.net:2156/im
    public static string RootURI
    {
        get
        {
            if (string.IsNullOrEmpty(rootURI))
            {
                HttpContext HttpCurrent = HttpContext.Current;
                HttpRequest Req;
                if (HttpCurrent != null)
                {
                    Req = HttpCurrent.Request;

                    string UrlAuthority = Req.Url.GetLeftPart(UriPartial.Authority);
                    if (Req.ApplicationPath == null || Req.ApplicationPath == "/")
                        //直接安装在   Web   站点
                        rootURI = UrlAuthority;
                    else
                        //安装在虚拟子目录下
                        rootURI = UrlAuthority + Req.ApplicationPath;
                }
            }

            return rootURI;
        }
    }

黄小二 2010-05-09 00:02 发表评论

asp.net对于图像文件的操作--存储、读取访问

黄小二 — Tue, 04 May 2010 07:41:00 GMT

内容引用自：
菜鸟问题,高分求解:关于SQL Server存储图片的问题
http://topic.csdn.net/t/20050415/20/3940356.html

数据库中Image类型的数据的存取(For C#/ASP.NET)
http://www.cnblogs.com/billsfeng/archive/2008/07/31/1257579.html

SQL Server存储图像数据的策略与方法
http://www.yesky.com/20030113/1648152.shtml

How To Read and Write BLOB Data by Using ADO.NET with Visual C# .NET
http://support.microsoft.com/default.aspx?scid=kb;EN-US;309158

1、图片存储

a.存储于数据库

在大多数情况下，最好把图片文件与其它数据一起存在数据库中。因为将影像数据文件存储在数据库中有许多优点：

　　易于管理 当BLOB与其他数据一起存储在数据库中时，BLOB和表格是数据一起备份和恢复。这样就降低了表格数据与BLOB数据不同步的机会，而且降低了其他用户无意中删除了文件系统中BLOB数据位置的路径和风险。另外，将数据存储在数据库中BLOB和其他数据的插入、更新和删除都在同一个事务中实现。这样就确保了数据的一致性和文件与数据库之间的一致性。还有一点好处是不需要为文件系统中的文件单独设置安全性。

　　可伸缩性 尽管文件系统被设计为能够处理大量不同大小的对象，但是文件系统不能对大量小文件进行优化。在这种情况下，数据库系统可以进行优化。

　　可用性 数据库具有比文件系统更多的可用性。数据库复制允许在分布式环境中复制、分配和潜在的修改数据。在主系统失效的情况下，日志转移提供了保留数据库备用副本的方法。

引自：SQL Server存储图像数据的策略与方法

b.存储于文件系统

当然，在某些情况下，将图片存储在文件系统中将是更好的选择：
（1）使用图片的应用程序需要数据流性能，例如实时的视频重现。
（2）象Microsoft PhotoDraw或者Adobe Photoshop这样的应用程序经常访问BLOB，这些应用程序只知道怎样访问文件。
（3）需要使用一些NTFS文件系统中的特殊功能，例如远程存储。

引自：SQL Server存储图像数据的策略与方法

建议：减轻数据库处理负担,也可以建立专门的文件服务器存放图片和视频.

2、数据库存储及读取图片数据

1.将Image图像文件存入到数据库中我们知道数据库里的Image类型的数据是"二进制数据",因此必须将图像文件转换成字节数组才能存入数据库中.

2.从SQL Server数据库读取Image类型的数据,并转换成bytes[]或Image图像文件

引自：数据库中Image类型的数据的存取(For C#/ASP.NET)

3、asp.net中自定义对图片文件的访问

web.config

  <system.web>
    <httpHandlers>
      <add path="*.jpg" verb="*" type="包名.ImageHandler, dll文件" />
      <add path="*.jpeg" verb="*" type="包名.ImageHandler, dll文件" />
      <add path="*.png" verb="*" type="包名.ImageHandler, dll文件" />
      <add path="*.bmp" verb="*" type="包名.ImageHandler, dll文件" />
    httpHandlers>
  system.web>
  <system.webServer>
    <handlers>
      <add name="jpgMark" path="*.jpg" verb="*" type="包名.ImageHandler, dll文件" />
      <add name="jpegMark" path="*.jpeg" verb="*" type="包名.ImageHandler, dll文件" />
      <add name="pngMark" path="*.png" verb="*" type="包名.ImageHandler, dll文件" />
      <add name="bmpMark" path="*.bmp" verb="*" type="包名.ImageHandler, dll文件" />
    handlers>
  system.webServer>

ImageHandler 图片缩放与水印效果
http://www.blogjava.net/kiant/articles/317469.html

4、其他组件

Persits AspJpeg组件图片水印\缩略图\图片合并\图片切割\实例教程
http://www.aspxhome.com/asp/component/200812/620614.htm

AspJpeg功能摘要
支持JPEG, GIF, BMP, TIFF 和 PNG 格式图片. 输出格式始终为 JPEG
源图片可以来源于磁盘、内存、或者记录集（数据库）
缩略图片可以保存到磁盘、内存、或者HTTP流
支持三种更改大小方式: nearest-neighbor, bilinear, and bicubic.
可以在图片之上添加图片或者文字.
支持画中画
支持复制，反转，旋转，锐化，灰度调节.
可以调节压缩比率，以得到最佳输出效果和大小.
从Jpeg图片中抽取EXIF 和 IPTC数据.
CMYK-RGB转换
Read/write access to individual pixels of an image. （从图象中对任意象素进行读/写存取。）

5、C# 处理GIF 图片的问题？（分不够，还有）
http://topic.csdn.net/t/20060703/11/4856635.html

8 楼tzzzc（冷剑）回复于 2006-07-03 13:33:19 得分 0
to:Knight94(愚翁)
  Graphics   myImg   =   Graphics.FromImage(zoomImg);//创建Graphics
  在最后一句出现问题(处理GIF   图片时候，提示无法从带有索引像素格式的图像创建   Graphics)，老提示：A   Graphics   object   cannot   be   created   from   an

9 楼Knight94（愚翁）回复于 2006-07-03 13:41:34 得分 0
不要用gif图像直接生成graphics对象，

  处理流程：
  1、gif   分解成png或者jpg文件组；
  2、对每个png或者jpg文件进行处理；
  3、把处理好的png或者jpg文件组，进行合成一个gif。

6、ASP.NET输出PNG图片时出现GDI+一般性错误的解决方法
详细出处参考：http://www.jb51.net/article/17063.htm

Response.ContentType = "image/PNG";
using (MemoryStream ms = new MemoryStream())
{
img.Save(ms, ChartFormat.Png);
Response.OutputStream.Write(ms.GetBuffer(), 0, (int)ms.Length);
}

就可以输入png图片了。
这是由于Response.OutputStream这个流的无法往回读取造成的，也就是它的CanSeek属性是false。png图像生成的时候不像jpeg，不是流式的，已经写入的就不再管了，而是需要往回不断地写入结构数据。但是response流无法往回seek，所以直接用就不行了。改成一个可以seek的MemoryStream，先生成好png图片，然后再输出到response流。

黄小二 2010-05-04 15:41 发表评论

关于在数据库中存储层次数据的一点看法与理解

黄小二 — Sun, 02 May 2010 02:48:00 GMT

文章内容引用自：
全面了解数据库设计中分类算法
http://blog.csdn.net/hyzhx/archive/2008/03/21/2201465.aspx

在数据库中存储层次数据实现无限级分层
http://www.52web.com/52article/?view-250.html
http://www.thinkly.cn/index.php/archives/354

商品无限分类的算法如何优化?
http://www.javaeye.com/topic/170744

关于无限分类的设计网上讨论有很多，说白了就是在数据库中设计树的问题，在这里仅对我所知的做些记录与对比。
假设表结构为下图，并且为某表的外键引用。要求：
1、实现无限层次。
2、能找到节点的路径。
3、能找到所有子孙节点集合（获取树）。

引用："在数据库中存储层次数据实现无限级分层"

方案1：邻接列表模型(The Adjacency List Model)/递归方法
http://www.52web.com/52article/?view-250-page-2.html

引用："在数据库中存储层次数据实现无限级分层"

优点：结构简单明了，对于节点的维护并不需要额外的工作。
缺点：实现要求2、3需要进行大量的递归操作，每一次数据库查询都需要花费一点时间。

方案2：递归方法改进

对方案1的扩展，新增 path字段以存储节点路径，arrayChild字段存储其下所有节点。

优点：实现要求1、2只需要一次查询。
缺点：当节点发生改变时需要维护对应的字段，且 path与 arrayChild以拼串形式存储于文本字段，容易限制节点长度，并且对于查询效率有影响。

方案3：改进前序遍历树
http://www.52web.com/52article/?view-250-page-2.html

如果作为主键标识的节点编号存在外部引用，还需要定义一个链表编号 linkId来确保其主键标识固定，并重新定义其链表左右范围。

优点：实现要求1、2只需要一次查询，但比方案2维护起来更见方便（减少大量的拼串），而且因为左右值表示的是链表的范围，所以查询效率更高。
缺点：算法未经说明前不如方案1、2直观。

ps:

分类算法要解决的问题

在网站建设中，分类算法的应用非常的普遍。在设计一个电子商店时，要涉及到商品分类；在设计发布系统时，要涉及到栏目或者频道分类；在设计软件下载这样的程序时，要涉及到软件的分类；如此等等。可以说，分类是一个很普遍的问题。

我常常面试一些程序员，而且我几乎毫无例外地要问他们一些关于分类算法的问题。下面的举几个我常常询问的问题。你认为你可以很轻松地回答么？

1、分类算法常常表现为树的表示和遍历问题。那么，请问：如果用数据库中的一个Table来表达树型分类，应该有几个字段？

2、如何快速地从这个Table恢复出一棵树？

3、如何判断某个分类是否是另一个分类的子类？

4、如何查找某个分类的所有产品？

5、如何生成分类所在的路径。

6、如何新增分类？

在不限制分类的级数和每级分类的个数时，这些问题并不是可以轻松回答的。本文试图解决这些问题。

黄小二 2010-05-02 10:48 发表评论

[转] DataBinder.Eval用法

黄小二 — Tue, 27 Apr 2010 05:15:00 GMT

转自：
[ASP.NET]DataBinder.Eval用法
http://www.cnblogs.com/march3/archive/2007/05/22/755534.html

<%# Bind("Subject") %> //绑定字段
<%# Container.DataItemIndex + 1%> //实现自动编号
<%# DataBinder.Eval(Container.DataItem, "[n]") %>

通常使用的方法
<%# DataBinder.Eval(Container.DataItem, "ColumnName") %>
<%# DataBinder.Eval(Container.DataItem, "ColumnName", null) %>
<%# DataBinder.Eval(Container, "DataItem.ColumnName", null) %>

其他用法
<%# ((DataRowView)Container.DataItem)["ColumnName"] %>
<%# ((DataRowView)Container.DataItem).Row["ColumnName"] %>
<%# ((DataRowView)Container.DataItem)["adtitle"] %>
<%# ((DataRowView)Container.DataItem)[n] %>
<%# ((DbDataRecord)Container.DataItem)[0] %>
<%# (((自定义类型)Container.DataItem)).属性.ToString() %>//如果属性为字符串类型就不用ToString()了

DataBinder.Eval用法范例
<%# DataBinder.Eval(Container.DataItem, "IntegerValue", "{0:c}") %>
格式化字符串参数是可选的。如果忽略参数，DataBinder.Eval 返回对象类型的值，

//显示二位小数
<%# DataBinder.Eval(Container.DataItem, "UnitPrice", "${0:F2}") %>
//{0:G}代表显示True或False

AlternateText='<%# DataBinder.Eval(Container.DataItem, "Discontinued", "{0:G}") %>'
ImageUrl='<%# DataBinder.Eval(Container.DataItem, "Discontinued", "~/images/{0:G}.gif") %>' />

//转换类型
((string)DataBinder.Eval(Container, "DataItem.P_SHIP_TIME_SBM8")).Substring(4,4)
{0:d} 日期只显示年月日
{0:yyyy-mm-dd} 按格式显示年月日
{0:c} 货币样式
<%#Container.DataItem("price","{0:￥#,##0.00}")%>
<%# DataBinder.Eval(Container.DataItem,"Company_Ureg_Date","{0:yyyy-M-d}")%>

Specifier Type     Format   Output (Passed Double 1.42) Output (Passed Int -12400)
c Currency        {0:c}     $1.42     -$12,400
d Decimal         {0:d}    System.FormatException -12400
e Scientific      {0:e}    1.420000e+000    -1.240000e+004
f Fixed point     {0:f} 1.42    -12400.00
g General         {0:g} 1.42     -12400
n Number with commas for thousands {0:n} 1.42     -12,400
r Round trippable    {0:r} 1.42     System.FormatException
x Hexadecimal    {0:x4} System.FormatException   cf90

{0:d} 日期只显示年月日
{0:yyyy-mm-dd} 按格式显示年月日

样式取决于 Web.config 中的设置

{0:c} 或 {0:￡0,000.00} 货币样式标准英国货币样式

显示为￡3,000.10

{0:c} 或 string.Format("{0:C}", price); 中国货币样式

显示为￥3,000.10

{0:c} 或 string.Format("{0:C}", price); 美国货币样式

显示为 $3,000.10

DataBinder.Eval(Container.DataItem,"Name")和Container.DataItem("Name")有什么区别？
DataBinder是System.Web里面的一个静态类，它提供了Eval方法用于简化数据绑定表达式的编写，但是它使用的方式是通过Reflection等开销比较大的方法来达到易用性，因此其性能并不是最好的。而Container则根本不是任何一个静态的对象或方法，它是ASP.NET页面编译器在数据绑定事件处理程序内部声明的局部变量，其类型是可以进行数据绑定的控件的数据容器类型（如在Repeater内部的数据绑定容器叫RepeaterItem），在这些容器类中基本都有DataItem属性，因此你可以写Container.DataItem，这个属性返回的是你正在被绑定的数据源中的那个数据项。如果你的数据源是DataTable，则这个数据项的类型实际是DataRowView。

数据绑定以及Container.DataItem几种方式与用法分析
http://blog.csdn.net/jelink/archive/2006/08/25/1118839.aspx

绑定到集合:<asp:ListBox id="ListBox1" datasource='<%# myArray%>' runat="server">

<%@ Import namespace="System.Data" %>
<%# ((DataRowView)Container.DataItem)["xxxx"]%>

What's the deal with Databinder.Eval and Container.DataItem?
http://weblogs.asp.net/rajbk/archive/2004/07/20/what-s-the-deal-with-databinder-eval-and-container-dataitem.aspx

<a href='<%# Databinder.Eval(Container.DataItem,"ID","default.aspx?CategoryId={0}" ) %>'>

re: What's the deal with Databinder.Eval and Container.DataItem?

Answering the question.

<%# If DataBinder.Eval(Container.DataItem, "DATAFIELD") <> "" Then

Response.Write("something")

End If %>

Try this.

<%# DataBinder.Eval(Container.DataItem, "DataField").Equals("")?"":"Something"%>

Thursday, August 02, 2007 11:23 PM by someone

黄小二 2010-04-27 13:15 发表评论

机箱静音改造日志

黄小二 — Fri, 23 Apr 2010 19:30:00 GMT

2010.04.24 04:00    室外温度：9.3℃

把一面的侧板拆下，竖立起来档着机箱，共振的鸣声消失了
并停用内置的前置风扇进一步降低音量现在只剩下显卡+CPU+电源风扇转了，要在进一步降噪只能从这里面着手了

机箱侧盖打开有助于降温和消除共振
CPU    832转 29℃
显卡    同为55%转速，温度由67℃降至58℃

2010.04.24 03:00    室外温度：10.7℃

CPU：E5300    2.6G超频3.0    30℃
CPU风扇：九州风神阿尔法400plus        832RPM
    当前转速下音量很小，但是全速下就很吵了，建议有机会换个静音的风扇。

显卡：昂达9600GSO 384M    自带风扇    55%转速    67℃
    显卡自带的风扇很吵，下次还是换A卡好了，散热好，能分级调节风扇速度。

机箱：酷冷至尊毁灭者RC-K100
    机箱自带前置风扇，很静音，貌似对降温效果不大

后置风扇：超频三旋风120MM 超静音机箱风扇    未启用
    音量小，改善散热不大

显卡侧板风扇：超频三旋风80MM 超静音机箱风扇    未启用
    音量小，安装在侧板上会引起震动，对改善散热不大

机箱挡板两侧：隔音棉
    效果未知

电源：长城双动力静音400SEL ATX 2.31版额定300W
    音量很小，提供的电源线头少，线头不够长，导致2个机箱风扇速控头都没能插上

    总结：
CPU风扇+显卡风扇+机箱自带前置风扇+后置风扇+显卡侧板风扇   一共5个风扇一起运行还是很吵的
主要的噪音源还是显卡风扇，应该优先解决，建议换发热量小点静音版的A卡
只要显卡散热好了，剩下两个机箱风扇都可以不启用

同时机箱侧板合上的时候似乎有一点的鸣因，是因为震动？
不知道一些品牌机器是怎么做到机箱静音的

黄小二 2010-04-24 03:30 发表评论

JavaScript 脚本收集、乱码

黄小二 — Fri, 23 Apr 2010 10:13:00 GMT

源码爱好者层和布局

效果:
弹出可拖动提示层(模式窗口)

[原]解决JS中文乱码
http://www.cnblogs.com/xjyggd/archive/2009/04/14/1436000.html

[原]解决JS中文乱码
方法一： <script src="../JS/common.js" type="text/javascript" charset="gb2312">script> 加上charset="gb2312"就可以了。
方法二：把JS文件的编码改成UTF-8　(VS2005的默认编码）
方法三：把asp.net页面的输出编码改成gb2312（页面/web.config都可设置）

Cookies的内容编码格式
Cookies的值中可以保存除了“;”以外的标点符号。但是不能保存汉字。保存汉字会出现乱码。
所以对于Cookies中的内容要进行统一的编码和解码。为了在浏览器端和服务器端都能够进行解码和编码，所以要统一使用UTF编码格式。
主要是因为javascript中只能使用UTF编码格式。

黄小二 2010-04-23 18:13 发表评论

[转]Response.Redirect(),Server.Transfer(),Server.Execute()的区别

黄小二 — Fri, 23 Apr 2010 05:56:00 GMT

内容转自：
Response.Redirect(),Server.Transfer(),Server.Execute()的区别
http://www.cnblogs.com/3stones/archive/2008/03/20/1114645.html

1、Response.Redirect():
      Response.Redirect方法导致浏览器链接到一个指定的URL。当Response.Redirect()方法被调用时，它会创建一个应答，应答头中指出了状态代码302（表示目标已经改变）以及新的目标URL。浏览器从服务器收到该应答，利用应答头中的信息发出一个对新URL的请求。

     这就是说，使用Response.Redirect方法时重定向操作发生在客户端，总共涉及到两次与服务器的通信（两个来回）：第一次是对原始页面的请求，得到一个302应答，第二次是请求302应答中声明的新页面，得到重定向之后的页面。

2、Server.Transfer
     Server.transfer是IIS 5.0新增加的一个功能。它解决了Response.Redirect的两个重要的缺陷：
     1）在Response.Redirect中，我们得不到任何第一页的输出
     2）Response.Redirect会丢失request中的所有属性，当然我们可以通过一些其他的办法，比如session来搞定，可是，有些页的参数是在request中传过来的，这样的话，就不行了
    3) Response.Redirect需要client端再发起一个请求。

     Server.transfer就很好地解决了这些问题。它是从server端直接向下一页发起请求，不需要client再次发送请求。如果你的网页非常依赖response.redirect，这个小小的改变可以提高将近25%的效率（根据微软文档）。

      Server.Transfer方法把执行流程从当前的ASPX文件转到同一服务器上的另一个ASPX页面。调用Server.Transfer时，当前的ASPX页面终止执行，执行流程转入另一个ASPX页面，但新的ASPX页面仍使用前一ASPX页面创建的应答流。

      如果用Server.Transfer方法实现页面之间的导航，浏览器中的URL不会改变，因为重定向完全在服务器端进行，浏览器根本不知道服务器已经执行了一次页面变换。

     默认情况下，Server.Transfer方法不会把表单数据或查询字符串从一个页面传递到另一个页面，但只要把该方法的第二个参数设置成True，就可以保留第一个页面的表单数据和查询字符串。

      同时，使用Server.Transfer时应注意一点：目标页面将使用原始页面创建的应答流，这导致ASP.NET的机器验证检查（Machine Authentication Check，MAC）认为新页面的ViewState已被篡改。因此，如果要保留原始页面的表单数据和查询字符串集合，必须把目标页面Page指令的 EnableViewStateMac属性设置成False。

Server.Transfer()有一个不足就是：当用户在a.aspx中提交了一个表单,然后用Server.Transfer()进入 b.aspx，这时如果用户刷新一下页面，浏览器便会问用户是否“重试”发送表单，如果用户点击“是”，那么，表单中的数据被重新发送到服务器。如发送表单的作用就是为了向数据库中插入一条记录，结果导不希望发生的事——同一表单被多次加入到数据库中。

3、Server.Execute
Server.Execute方法允许当前的ASPX页面执行一个同一Web服务器上的指定ASPX页面，当指定的ASPX页面执行完毕，控制流程重新返回原页面发出Server.Execute调用的位置。这种页面导航方式类似于针对ASPX页面的一次函数调用，被调用的页面能够访问发出调用页面的表单数据和查询字符串集合，所以要把被调用页面Page指令的EnableViewStateMac属性设置成False。

4.
Server.Execute("another.aspx")和Server.Transfer("another.aspx")区别:
Execute是从当前页面转移到指定页面,并将执行返回到当前页面
Transfer是将执行完全转移到指定页面

总结：
在网络状态较好的情况下,Redirect(url)方法效率最高!! 可重定向到同一台或非同一台服务器上的aspx或非aspx（html）资源    *重定向
Server.Transfer方法和Server.Execute方法最灵活!! 但只能转到同一Application目录下，也有可能导致不期望的结果发生    *转发
Server.Execute方法占用资源最多.     *包含

ps. *项为笔记

黄小二 2010-04-23 13:56 发表评论

html中图片ATL参数分行、出错显示

黄小二 — Fri, 23 Apr 2010 05:19:00 GMT

引用自：
html中图片的说明ATL参数能不能分行显示啊
http://topic.csdn.net/t/20040904/21/3340893.html

请教高手：当img的src地址不对时，如何使浏览器不显示“X”
http://topic.csdn.net/t/20060913/10/5018384.html

<img id="aa" src="aa.jpg" onerror="this.src='file.jpg';" >
当aa.jpg不存在，将显示file.jpg 。不知道是不是你想要的结果。需要另外的一个图片来替代

黄小二 2010-04-23 13:19 发表评论

DataTable、DataView、ListBox 数据绑定与查询

黄小二 — Thu, 22 Apr 2010 04:35:00 GMT

DataTable的一些特殊用法：Select

/*
* 补充一下，还可以利用DataView来达到检索的目的。
*/
DataTable dataSource = new DataTable();
DataView dv = dataSource.DefaultView;
dv.RowFilter = "columnA = 'abc'";
//1.过滤后直接获取DataTable
DataTable newTable1 = dv.ToTable();
//2.设置新DataTable的TableName
DataTable newTable2 = dv.ToTable("NewTableName");
//3.设置新表是否过滤重复项,拥有的列的列名以及出现的顺序
//即可以设置新表的字段。但是字段名肯定是老表dataSource中拥有的。
DataTable newTable3 =
dv.ToTable(true, new string[] { "columnA,columnF,columnC" });
//4.综合了2.3两点。
DataTable newTable4 =
dv.ToTable("NewTableName", true, new string[] { "columnA,columnF,columnC" });

简化，利用 DataView过滤

                DataView dv = this.dtPerson.DefaultView;            //设置一个视图过滤
                dv.RowFilter = "employee_dept_id = " + departId;
                this.lstSource.DataSource = dv;
                this.lstSource.DisplayMember = "employee_name";
                this.lstSource.ValueMember = "id";

                    this.dvPendingNode.RowFilter = "(node_end_time is null or node_end_time > '2009-6-10 17:55:13')";
                    this.dvPendingNode.RowFilter += "and degree_name in ('', '进行', '暂停', '搁置') ";

1. 我在一个winform程序里用DataView的RowFilter筛选时用两个下划线代表两个字符，但是怎么筛选不出来的?
http://topic.csdn.net/t/20040814/04/3273316.html

Q:
我在一个winform程序里用DataView的RowFilter筛选时用两个下划线代表两个个字符，如：
  dv.RowFilter="PID   LIKE   '"+str+"-__"，这样的筛选语句在SQL企业管理器里执行是能正确筛选到记录的，但是为什么在这里就一个都筛选不出来？是不是这里要用别的符号来代表一个字符啊。

A:
"_"   is   probably   very   sql   server   specific,   classes   in   System.Data   is   supposed   to   be   DBMS   independent,   you   can   try   to   use

  ABC   LIKE   'abc*'   AND   LEN(ABC)=5

2. ListBox 多项选择（DataRowView）

for (int i = 0; i < this.lstSource.SelectedItems.Count; i++)
            {
                DataRowView row = this.lstSource.SelectedItems[i] as DataRowView;
                int id = Int32.Parse(row["id"].ToString());
                string employee = String.Format("{0}<{1}>", row["employee_name"], row["dept_name"]);

                //数据填充
                if (!this.idList.Contains(id))
                {
                    this.idList.Add(id);
                    this.valueList.Add(employee);
                }

             System.Windows.Forms.ListBox.SelectedIndexCollection indexes = this.lstTarget.SelectedIndices;
            for (int i = indexes.Count - 1; i >= 0; i--)
            {
                this.idList.RemoveAt(indexes[i]);
                this.valueList.RemoveAt(indexes[i]);
            }

黄小二 2010-04-22 12:35 发表评论

创建Tooltips方案

黄小二 — Wed, 21 Apr 2010 04:49:00 GMT

出自：
11个出色的创建Tooltips的方案
http://www.qianduan.net/11-excellent-program-to-create-tooltips.html

AjaxCode -- Tooltips：消息提醒框控件
http://www.open-open.com/ajax/Tooltips.htm

1. Easy CSS Tooltip
http://www.kollermedia.at/archive/2008/03/24/easy-css-tooltip/

Here is the 4 line magic (3lines css, 1line html):

/* css tooltip */
a:hover
{
    _background: Transparent;
}
/*BG color is a must for IE6*/
a.tooltip span
{
    display: none;
    padding: 6px 10px;
    text-indent: 0px;
    line-height: 18px;
}
a.tooltip:hover span
{
    display: inline;
    position: absolute;
    background: #ffffff;
    border: 1px solid #cccccc;
    color: #6c6c6c;
    text-decoration: none;
}
/* end of css

Easy <a class="tooltip" href="#">Tooltip<span>This is the crazy little Easy Tooltip Text.span>a>.

2. jtip
http://codylindley.com/blogstuff/js/jtip/

黄小二 2010-04-21 12:49 发表评论