博客园_笨蛋学习的地方

转：好用的抓取dump的工具-ProcDump

2011-03-09T07:20:00Z

Procdump是一个轻量级的Sysinternal团队开发的命令行工具, 它的主要目的是监控应用程序的CPU异常动向, 并在此异常时生成crash dump文件, 供研发人员和管理员确定问题发生的原因. 你还可以把它作为生成dump的工具使用在其他的脚本中.

有了它, 就完全不需要在同一台服务器上使用诸如32位系统上的Debug Diag 1.1或是64位系统上的ADPlus了.

问题描述

===============

在任务管理器里发现w3wp.exe的CPU总在49%-60%左右, 间歇性地会下降一些. 我们需要在w3wp.exe的CPU在50%以上并能维持三秒钟的情形下抓取两组dump. 如果使用debug diag或adplus的话, 会比较困难, 因为这需要等待时机并手动抓取. 容易出现抓到的dump里不包含那些引发异常的动作的情况.

解决方案 - 救世主procdump

===============

Procdump可以很方便地帮助我们应付这种情况, 加速动作过程, 抓取正确数据集合. 它会指定的时间内监控目标进程的cpu, 并在那个点抓取一个内存快照(dump).

比如说:

procdump -ma -c 50 -s 3 -n 2 5844 (Process Name or PID)  -0 c:\dumpfile
    -ma 生成full dump, 即包括进程的所有内存. 默认的dump格式包括线程和句柄信息.
    -c 在CPU使用率到达这个阀值的时候, 生成dump文件.
    -s CPU阀值必须持续多少秒才抓取dump文件.
    -n 在该工具退出之前要抓取多少个dump文件.
-o dump文件保存目录.

上面的命令行会监控w3wp.exe的CPU, 在CPU使用率超过百分之五十超过3秒的时候, 生成dump文件, 重复该动作两次.

下面是该命令的一个实例记录:

C:\Users\jaskis\Downloads\procdump> procdump -ma -c 50 -s 3 -n 2 5844 -o c:\dumpfile
ProcDump v1.1 - Writes process dump files
Copyright (C) 2009 Mark Russinovich
Sysinternals - www.sysinternals.com
Process:            w3wp.exe (5844)
CPU threshold:      50% of system
Duration threshold: 3s
Number of dumps:    2
Hung window check: Disabled
Exception monitor: Disabled
Dump file:          C:\Users\jaskis\Downloads\procdump\w3wp.dmp
Time        CPU Duration
[23:48.35] 59% 1s
[23:48.36] CPU usage below threshold.
[23:48.37]  54% 1s
[23:48.38] 55% 2s
[23:48.39]  61% 3s
Process has hit spike threshold.
Writing dump file C:\Users\jaskis\Downloads\procdump\w3wp_080309_114839PM.dmp... Dump written.
[23:48.44]  61% 1s
[23:48.45]  59% 2s
[23:48.46]  57% 3s
Process has hit spike threshold.
Writing dump file C:\Users\jaskis\Downloads\procdump\w3wp_080309_114846PM.dmp...
Dump written.

下载路径:

ProcDump v3.01

http://technet.microsoft.com/en-us/sysinternals/dd996900

译自:

Using ProcDump.exe to monitor w3wp.exe for CPU spikes

http://blogs.iis.net/webtopics/archive/2009/08/07/using-procdump-exe-to-monitor-w3wp-exe-for-cpu-spikes.aspx

本文链接

网页的栅格系统设计

2011-02-19T01:22:00Z

栅格系统的形成
1692年，新登基的法国国王路易十四感到法国的印刷水平强差人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的，重视功能性的新字体。委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导，他们以罗马体为基础，采用方格为设计依据，每个字体方格分为64个基本方各单位，每个方各单位再分成36个小格，这样，一个印刷版面就有 2304个小格组成，在这个严谨的几何网格网络中设计字体的形状，版面的编排，试验传达功能的效能，这是是世界上最早对字体和版面进行科学实验的活动，也是栅格系统最早的雏形。

栅格系统英文为“grid systems”，也有人翻译为“网格系统”，其实是一回事。不过从定义上说，栅格更为准确些，从维基百科查到栅格的定义为：栅格设计系统（又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格），是一种平面设计的方法与风格。运用固定的格子设计版面布局，其风格工整简洁，在二战后大受欢迎，已成为今日出版物设计的主流风格之一。

网页设计中的栅格系统
我给网页栅格系统下的定义为：以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。
网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。

栅格系统在现在的网页设计中应用越来越多，从网络上搜罗了一篇关于栅格系统应用的文章：30个最顶尖的基于栅格系统的博客网站设计。

栅格系统的设计原理及应用
那么如何设计一个栅格系统？接下来我们将通过实例，详细的介绍一下网页栅格系统的原理与应用：

在网页设计中，我们把宽度为“W”的页面分割成n个网格单元“a”，每个单元与单元之间的间隙设为“i”,此时我们把“a+i”定义“A”。他们之间的关系如下：
W =（a×n）+（n-1）i
由于a+i=A，
可得：(A×n) – i = W
这个公式表述了网页的布局与网页“背后”的栅格系统之间的某种关系。我们拿yahoo作例，来看一下栅格系统的应用：

yahoo的网站页面宽度为W=950px，每个区块与区块的间隔为i=10px；如果应用上面的公式，可以推出A=40px，既yahoo首页横向版式设计采用的栅格系统为：
（40×n）- 10 = W
下面我们列出当n等于不同数值时W变化的数值表格：

从表格可以看出：yahoo首页的布局完全是按照栅格系统进行设计的，每个区块的宽度对应的n值分别为：4，11，9。在这里我们看到一个很有意思的事情：只要保证一个横向维度的各个区块的n值相加等于24，则即可保证页面的宽度一定是950px。然而，950px的宽度也恰好就是当n=24的时候，W的宽度值。由此我们得出以下的应用模式：

在栅格系统中，设计师根据需要制定不同的版式或者划分区块，他们的依据将是上面的那张对应表进行设计。这样，一个栅格系统的应用就从此开始了。我们看到，使用栅格系统的网页设计，非常的有条理性；看上去也很舒服。最重要的是，它给整个网站的页面结构定义了一个标准。对于视觉设计师来说，他们不用再为设计一个网站每个页面都要想一个宽度或高度而烦恼了。对于前端开发工程师来说，页面的布局设计将完全是规范的和可重用的，这将大大节约了开发成本。对于内容编辑或广告销售来说，所有的广告都是规则的，通用的，他们再也不用做出一套N张不同尺寸的广告图了……

当然只要你愿意，我们可以衍生出任何一种栅格系统，只要改变A和i的值，这个根据网站的实际情况来制定。那么如何选择合适栅格系统，主要通过“构成要素与程序、限制与选择、构成要素的比例、组合、虚空间与组合、四边联系与轴的联系、三的法则、圆与构成、水平构成这些设计元素规划，来实现比例和谐的平面设计”。比较深奥，我们在这里就不详细阐述了。

呵呵，说了一堆栅格系统的优点。大家可能会问：难道栅格系统真的是完美的么？答案是否定的：对于内容信息不确定导致高度不确定的页面，在高度层面上就无法做到栅格了。当然，具体的情况还需具体的分析与解决，这就需要设计师们在实际的应用中不断的总结经验，不断实践了。

本文链接

jQuery 结合 Json 提交数据到Webservice，并接收从Webservice返回的Json数据

2011-02-17T09:17:00Z

简单的Json数据提交

jQuery ajax webservice：get 和 post

一、GET 方式

客户端

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->            var data = { classCode: "0001"}; // 这里要直接使用JOSN对象
            $.ajax({
                type: "GET",
                contentType: "application/json; charset=utf-8",
                url: "/WebServices/ProductPropertyWebService.asmx/GetProductPropertyList",
                dataType: "json",
                anysc: false,
                data: data,
                success: RenderProperties,
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(errorThrown + ':' + textStatus);  // 错误处理
                }
            });

服务器端

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->     [ScriptMethod(ResponseFormat = ResponseFormat.Json, UseHttpGet = true)] //UseHttpGet = true
        public List<Property> GetProductPropertyList()
        {
            string classCode = HttpContext.Current.Request["classCode"]; // Get 方式，要在查询字符串里得到参数值
            return PropertyManager.GetPropertySet(classCode, "zh-CN").DataList;
        }

二、POST 方式

客户端

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->            var data = '{ classCode: "' + classCode + '", city: "GuangDong" }';    // 这里要使用拼接好的JOSN字符串
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "/WebServices/ProductPropertyWebService.asmx/GetProductPropertyList",
                dataType: "json",
                anysc: false,
                data: data, // Post 方式，data参数不能为空""，如果不传参数，也要写成"{}"，否则contentType将不能附加在Request Headers中。
                success: RenderProperties,
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(errorThrown + ':' + textStatus); // 错误处理
                }
            });

服务器端

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->     [ScriptMethod(ResponseFormat = ResponseFormat.Json, UseHttpGet = false)] // UseHttpGet = false
        public List<Property> GetProductPropertyList(string classCode, string city) // Post 方式，参数对应JSON字段属性，并自动赋值直接使用
        {
            return PropertyManager.GetPropertySet(classCode, "zh-CN").DataList;
        }

注意：GET方法与POST方法不同，有参数的时候，如果参数的值不是ASCII字符(比如中文)，GET的参数要encodeURI编码，要不服务端接收到的数据为乱码。

复杂的Json数据提交

简单的Json 格式的数据如 { name:Yangjun, age:27 }

复杂的Json格式的数据，其实只是Json嵌套，比如： {name:yangjun, age:27, child:[{name:yangke, age:1},{name:yangbin, age:2}]}

如果是这种复杂的Json格式的数据要提交，并在Webservices中获取，然后根据这个Json格式的字符串，序列成.net对象，应该怎么做呢？
比如我要提交下面的数据：
客户端：

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->var productPropertyTemplate =  {"ProductId":10024, "PropertyList":[
{"PropertyId":18, "PropertyType":"text", "PropertyValue":"号码是100"},
{"PropertyId":19, "PropertyType":"checkbox", "PropertyValue":"57|28"}]}
         $.ajax({
            type: "GET",
            contentType: "application/json; charset=utf-8",
            url: "/WebServices/ProductPropertyWebService.asmx/PostProductPropertyList",
            anysc: false,
            data: { propertyList: productPropertyTemplate },
            dataType: "json",
            success: function (result) { alert(result.d) },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(errorThrown + ':' + textStatus);
            }
        });

服务器端：
1、要反序列化Json字符为.net对象，有比较多的开源类库，我使用的是.net 3.5版本以上自带的DataContractJsonSerializer，写一个辅助类：

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->    /// <summary>
    /// Json序列化和反序列化的帮助方法
    /// </summary>
    public class JsonHelper
    {
        /// <summary>
        /// JSON序列化：把对象序列化成Json格式的字符串
        /// </summary>
        public static string JsonSerializer<T>(T t)
        {
            var ser = new DataContractJsonSerializer(typeof(T));
            var ms = new MemoryStream();
            ser.WriteObject(ms, t);
            string jsonString = Encoding.UTF8.GetString(ms.ToArray());
            ms.Close();
            return jsonString;
        }
        /// <summary>
        /// JSON反序列化：根据Json格式的字符串，反序列化成对象
        /// </summary>
        public static T JsonDeserialize<T>(string jsonString)
        {
            var ser = new DataContractJsonSerializer(typeof(T));
            var ms = new MemoryStream(Encoding.UTF8.GetBytes(jsonString));
            var obj = (T)ser.ReadObject(ms);
            return obj;
        }
    }

2、因为要反序列化成相应的对象，所以先构造两个对象类，注意每个类和类的字段前面的特性修改符：

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->    [DataContract]
    public class MProductProperty
    {
        [DataMember(Order = 0, IsRequired = true)]
        public int ProductId { set; get; }
        [DataMember(Order = 1, IsRequired = true)]
        public List<MProperty> PropertyList { set; get; }
    }
    public class MProperty
    {
        [DataMember(Order = 0, IsRequired = true)]
        public int PropertyId { set; get; }
        [DataMember(Order = 1, IsRequired = true)]
        public string PropertyType { set; get; }
        [DataMember(Order = 2, IsRequired = true)]
        public string PropertyValue { set; get; }
    }

3、接收并处理Json数据的Web方法：

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->        [WebMethod]
        [ScriptMethod(UseHttpGet = true)]
        public string PostProductPropertyList()
        {
            string jsonString = HttpContext.Current.Request["propertyList"];
            var productProperty = JsonHelper.JsonDeserialize<MProductProperty>(jsonString); // productProperty 成功反序列化成MProductProperty的对象
            //返回接收成功标识
            return "postsuccess";
        }

本文链接

JQuery 选择器、过滤器

2011-02-14T01:58:00Z

使用过AJAX技术的人都知道大名鼎鼎的JQuery。虽然我来学习之前有看过AJAX的视频，但那时对WEB应用这个东西还比较模糊，不清楚HTML、JSP与Servlet是怎么工作的，甚至不知道JQuery包装的是什么东西。今日的学习再结合昨天的JavaScriptDOM的内容，让我对此十分清晰。JQuery原则：“write less, do more.”，这句话已充分说明它对简化使用JavaScriptDOM编程的功力！

每位老师都有自己的教学方式，可能根据教授的内容的不同教学方式也有轻微的变化。老佟是一位非常有经验的软件教师，之前他在大连的软件公司做培训。经过多年的总结，他已经有自己一套成熟的教学方式。这个方式让我十分喜欢！至于是什么方式，你自己来体验吧！哈哈~~

从学习JavaWEB、Struts1到现在的JavaScript，我已经找到了WEB应用开发的核心——MVC。是的，就是MVC。其实MVC应该是根据WEB的核心被创造出来的模式，难道不是吗！这一整套工具，就是分别对视图层、控制层和数据模型层的操作。似乎现在才找到了一些感觉，因为以前学习servlet时，知道它可以处理用户的请求，老师讲什么就学习什么。但现在有思想了，老师你无论讲什么，我都知道它应该用在哪一层，有什么用途，这样提高了我的学习效率。这是一个非常好的成长！对以后的成长大有帮助。

接下来这些灵散的知识就不多了，然后就开始做项目了。两个字，快、爽！Ok，开始整理学习内容。

一、JQuery与JavaScript

1.JavaScript库

使用过JavaScriptDOM的人都应该知道（比如昨天的练习），使用JSDOM进行页面的操作是十分麻烦的。比如获取、修改及添加子节点等这些操作。如果操作一个复杂的页面呢？Ok，JavaScript库因此诞生了。

目前比较常见的JavaScript库有：

2.JQuery简介

JQuery是继Prototype之后又一个优秀的JavaScript库。

JQuery理念：write less , do more.

JQuery优势：轻量级、强大的选择器、出色的 DOM 操作的封装、可靠的事件处理机制、完善的Ajax、出色的浏览器兼容性、链式操作方式……。

二、JQuery对象与DOM对象

1.JQuery对象

JQuery对象就是使用“$(“DOMObj”)”，将DOM对象包装起来。一般在JQuery对象前面加上“$”这样与DMO对象区分，它已经是一种公认的命名约定。JQuery对象不能调用DOM对象的属性和方法，同样DOM对象也不能调用JQuery对象的属性和方法。

2.JQuery对象转成DOM对象

如果想使用JQuery对象调用DOM对象的方法，怎么办？应该将JQuery对象转换成DOM对象，JQuery对象是一个数组对象，这个很特别。所以只需调用JQueryObj[x]或JQueryObj.get(X);即可转换为DOM对象。

3.DOM对象转换成JQuery对象

使用“$(“DOMObj”)”将DOM对象包装起来就可以了。

三、JQuery选择器

选择器是JQuery的根基，在JQuery 中，对事件处理，遍历DOM和Ajax操作都依赖于选择器。这也是今天我们学习的重点内容。

1.基本选择器

基本选择器是JQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class 和标签名来查找DOM元素。这个非常重要，下面的内容都是以此为基础，逐级提高的。

1).“$(“#id”)”，获取id指定的元素，id是全局唯一的，所以它只有一个成员。

2).“$(“.class”)”，获取class指定的元素，不同的元素可以具有相同的class属性，所以它可能具有多个成员。

3).“$(“element”)”，获取element（元素名，比如div、table等）指定的元素，它可能具有多个成员。

4).“$(“*”)”，获取所有元素，相当于document。

5).“$(“selector1,selector2,…,selectorN”)”，将每个选择器匹配到的元素合并后一起返回。返回selector1匹配的集合+selector2匹配的集合+…+selectorN匹配的集合。

2.层次选择器

什么是层次？层次就是父子关系、兄弟关系的节点。所以，层次选择器就是用来获取指定元素的父子节点、兄弟节点。

1).“$(“ancestor descendant”)”，获取ancestor元素下边的所有元素。

2).“$(“parent > child”)”，获取parent元素下边的所有子元素（只包含第一层子元素）。

3).“$(“pre + next”)”，获取紧随pre元素的后一个兄弟元素。

4).“$(“pre ~ siblings”)”，获取pre元素后边的所有兄弟元素。

3.过滤选择器

过滤？肯定是要添加过滤条件的。通过“:”添加过滤条件，比如“$(“div:first”)”返回div元素集合的第一个div元素，first是过滤条件。

按照不同的过滤规则，过滤选择器可以分为基本过滤，内容过滤，可见性过滤，属性过滤，子元素过滤和表单对象属性过滤选择器。

1). 基本过滤选择器

a) “:first”，选取第一个元素，别忘记它也是被放在一个集合里哦！因为JQuery它是DOM对象的一个集合。如，“$("tr:first")”返回所有tr元素的第一个tr元素，它仍然被保存在集合中。

b) “:last”，选取最后一个元素。如，“$("tr:last")”返回所有tr元素的最后一个tr元素，它仍然被保存在集合中。

c) “:not(selector)”，去除所有与给定选择器匹配的元素。如，“$("input:not(:checked)")”返回所有input元素，但去除被选中的元素（单选框、多选框）。

d) “:even”，选取所有元素中偶数的元素。因为JQuery对象是一个集合，这里的偶数指的就是集合的索引，索引从0开始。

e) “:odd”，选取所有元素中奇数的元素，索引从0开始。

f) “:eq(index)”，选取指定索引的元素，索引从0开始。

g) “:gt(index)”，选取索引大于指定index的元素，索引从0开始。

h) “:lt(index)”，选取索引小于指定index的元素，索引从0开始。

i) “:header”，选取所有的标题元素，如hq、h2等。

j) “:animated”，选取当前正在执行的所有动画元素。

2). 内容过滤选择器

它是对元素和文本内容的操作。

a) “:contains(text)”，选取包含text文本内容的元素。

b) “:empty”，选取不包含子元素或者文本节点的空元素。

c) “:has(selector)”，选取含有选择器所匹配的元素的元素。

d) “:parent”，选取含有子元素或文本节点的元素。（它是一个父节点）

3). 可见性过滤选择器

根据元素的可见与不可见状态来选取元素。

“:hidden”，选取所有不可见元素。

“:visible”，选择所有可见元素。

可见选择器：hidden 不仅包含样式属性 display 为 none 的元素，也包含文本隐藏域 (<input type=“hidden”>)和 visible:hidden 之类的元素。

4).属性过滤选择器

通过元素的属性来选取相应的元素。

a) “[attribute]”，选取拥有此属性的元素。

b) “[attribute=value]”，选取指定属性值为value的所有元素。

c) “[attribute !=value]”，选取属性值不为value的所有元素。

d) “[attribute ^= value]”，选取属性值以value开始的所有元素。

e) “[attribute $= value]”，选取属性值以value结束的所有元素。

f) “[attribute *= value]”，选取属性值包含value的所有元素。

g) “[selector1] [selector2]…[selectorN]”，复合性选择器，首先经[selector1]选择返回集合A，集合A再经过[selector2]选择返回集合B，集合B再经过[selectorN]选择返回结果集合。

5). 子元素过滤选择器

一看名字便是，它是对某一元素的子元素进行选取的。

a) “:nth-child(index/even/odd)”，选取索引为index的元素、索引为偶数的元素、索引为奇数的元素。

l nth-child(even/odd)：能选取每个父元素下的索引值为偶(奇)数的元素。

l nth-child(2)：能选取每个父元素下的索引值为 2 的元素。

l nth-child(3n)：能选取每个父元素下的索引值是 3 的倍数的元素。

l nth-child(3n + 1)：能选取每个父元素下的索引值是 3n + 1的元素。

b) “:first-child”，选取第一个子元素。

c) “:last-child”，选取最后一个子元素。

d) “:only-child”，选取唯一子元素，它的父元素只有它这一个子元素。

6). 表单过滤选择器

选取表单元素的过滤选择器。

a) “:input”，选取所有<input>、<textarea>、<select >和<button>元素。

b) “:text”，选取所有的文本框元素。

c) “:password”，选取所有的密码框元素。

d) “:radio”，选取所有的单选框元素。

e) “:checkbox”，选取所有的多选框元素。

f) “:submit”，选取所有的提交按钮元素。

g) “:image”，选取所有的图像按钮元素。

h) “:reset”，选取所有重置按钮元素。

i) “:button”，选取所有按钮元素。

j) “:file”，选取所有文件上传域元素。

k) “:hidden”，选取所有不可见元素。

7).表单对象属性过滤选择器

选取表单元素属性的过滤选择器。

“:enabled”，选取所有可用元素。

“:disabled”，选取所有不可用元素。

“:checked”，选取所有被选中的元素，如单选框、复选框。

“:selected”，选取所有被选中项元素，如下拉列表框、列表框。

四、JQuery中的DOM操作

一种与浏览器，平台，语言无关的接口。使用该接口可以轻松地访问页面中所有的标准组件。

DOM Core：DOM Core 并不专属于 JavaScript，任何一种支持 DOM 的程序设计语言都可以使用它。它的用途并非仅限于处理网页，也可以用来处理任何一种是用标记语言编写出来的文档，例如：XML。

HTML DOM：使用 JavaScript 和 DOM 为 HTML 文件编写脚本时，有许多专属于HTML-DOM的属性。

CSS-DOM：针对于CSS操作，在JavaScript中，CSS-DOM 主要用于获取和设置 style 对象的各种属性。

1.查找节点

请见上面的“基本选择器”。

2.创建节点

使用JQuery的工厂函数，创建一个新节点：var $newNode = $(“<p>你好</p>”);，然后将新节点插入到指定元素节点处。

3.插入节点

将新创建的节点，或获取的节点插入指定的位置。

“$node.append($newNode)”，向每个匹配的元素内部的结尾处追加结尾处。如，“$("p").append("<b>Hello</b>");”将"<b>Hello</b>"添加到"p"内部的结尾处。

“$newNode.appendTo($node)”，将新元素追加到每个匹配元素内部的结尾处。

“$node.prepend($newNode)”，向每个匹配的元素内部的结尾处追加开始处。如，“$("p").prepend("<b>Hello</b>");”将"<b>Hello</b>"添加到"p"内部的起始处。

“$newNode.prependTo($node)”，将新元素追加到每个匹配元素内部的开始处。

“$node.after($newNode)”，向每个匹配的元素的之后插入内容，是并列兄弟。如，“$("p").after("<b>Hello</b>");”将"<b>Hello</b>"插入到"p"的后边。它们是兄弟关系。

“$newNode.insertAfter($node)”，将新元素插入到每个匹配元素之后。

“$newNode.before($node)”，向每个匹配的元素的之前插入内容。如，“$("p").before("<b>Hello</b>");”将"<b>Hello</b>"插入到"p"的前面，它们是兄弟关系。

“$node.insertBefore($newNode)”，将新元素插入到每个匹配元素之前。

注意：如果插入的节点是不是新创建的，插入将变成移动操作。所以，在插入这样的节点之前应该使用clone的节点。

4.删除节点

从DOM中删除所有匹配的元素。如，“$("p").remove(".hello");”删除所为class属性值为hello的p元素，还有它下面的所有元素。

从DOM中清除所有匹配的元素。如，“$("p").empty();”清除所有p元素，还有它下面的所有元素。

5.复制节点

克隆匹配的DOM元素。如，“$("p").clone();”返回克隆后的副本，但不具有任何行为。如果要将DOM的事件一起克隆，应该使用“$("p").clone(true);”。

6.替换节点

将所有匹配的元素都替换为指定的 HTML 或 DOM 元素。如，$("p").replaceWith("<b>Paragraph. </b>");，将所有p元素，替换为"<b>Paragraph. </b>"。

与replaceWith相返：$("<b>Paragraph. </b>").replaceAll("p");。

7.包裹节点

wrap()：将指定节点用其他标记包裹起来。该方法对于需要在文档中插入额外的结构化标记非常有用，而且不会破坏原始文档的语义。如，“$("p").wrap("<div class='wrap'></div>");”。每个p元素被包裹到<div>中。

wrapAll()：将所有匹配的元素用一个元素来包裹。而wrap()方法是将所有的元素进行单独包裹。如，“$("p").wrapAll("<div></div>");”，将所有p元素包裹到<div>中。

wrapInner()：将每一个匹配的元素的子内容(包括文本节点)用其他结构化标记包裹起来。如，“$("p").wrapInner("<b></b>");”， <b>被每一个p元素包裹。

8.属性设置

attr()：获取属性和设置属性。

当为该方法传递一个参数时，即为某元素的获取指定属性。如，“$("img").attr("src");”，获取img元素的src属性值。

当为该方法传递两个参数时，即为某元素设置指定属性的值。如，“$("img").attr("src","test.jpg");”，设置img元素的src属性值为test.jsp。

jQuery 中有很多方法都是一个函数实现获取和设置。如：attr()，html()，text()，val()，height()，width()，css()等。

removeAttr()：删除指定元素的指定属性。

9.样式操作

可以通过“attr()”设置或获取css样式。

追加样式：addClass() 。如，“$("p").addClass("selected");”，向所有P元素中追加“selected”样式。

移除样式：removeClass() --- 从匹配的元素中删除全部或指定的class。如，“$("p").removeClass("selected");”，删除所有P元素中的“selected”。

切换样式：toggleClass() --- 控制样式上的重复切换。如果类名存在则删除它，如果类名不存在则添加它。如，“$("p").toggleClass("selected");”，所有的P元素中，如果存在“selected”样式就删除“selected”样式，否则就添加“selected”样式。

判断是否含有某个样式：hasClass() --- 判断元素中是否含有某个 class，有返回 true；否则返回 false。如，“$(this).hasClass("protected")”，判断当前节点是否有“protected”样式。

10.设置或获取HTML、文本和值

读取和设置某个元素中的 HTML 内容： html()，该方法可以用于 XHTML，但不能用于 XML 文档。

读取和设置某个元素中的文本内容：text()，该方法既可以用于 XHTML 也可以用于 XML 文档。

读取和设置某个元素中的值：val()，该方法类似 JavaScript 中的 value 属性。对于文本框，下拉列表框，单选框该方法可返回元素的值(多选框只能返回第一个值)。如果为多选下拉列表框，则返回一个包含所有选择值的数组。

11.常用遍历节点的方法

取得匹配元素的所有子元素组成的集合：children()。该方法只考虑第一层子元素而不考虑任何后代元素。

取得匹配元素后面紧邻的兄弟元素的集合(但集合中只有一个元素)：next()。

取得匹配元素前面紧邻的兄弟元素的集合(但集合中只有一个元素)：prev()。

取得匹配元素前后所有的兄弟元素: siblings()。

12.CSS-DOM操作

获取和设置元素的样式属性：css()。

获取和设置元素透明度：opacity()属性。

获取和设置元素高度，宽度：height()，width()。在设置值时，若只传递数字，则默认单位是px。如需要使用其他单位则需传递一个字符串，例如 “$(“p:first”).height(“2em”)”；

获取元素在当前视窗中的相对位移：offset()。它返回的对象包含了两个属性：top，left。该方法只对可见元素有效。

五、JQuery中的事件

1.加载DOM

在页面加载完毕后，浏览器会通过 JavaScript 为 DOM 元素添加事件。在常规的 JavaScript 代码中，通常使用 window.onload 方法，在JQuery 中使用$(document).ready() 方法。JQuery中的简化写法“$()”。在window.onload中注册事件时，只能在一个window.onload体中注册。但使用JQuery，可以在多个$(document).ready()或$()中注册。

2.事件绑定

     对匹配的元素对指定的事件绑定。如，昨天我们在window.onload中绑定事件的方法：“$("p").onclick(function(){

alert( $(this).text() );

});”

     在JQuery的$(document).ready()中可以这样绑定：

“$("p").click(function(){

alert( $(this).text() );

});”

          使用bind()，可以这样绑定：

$("p").bind("click", function(){

alert( $(this).text() );

});

3.合成事件

    hover()：模拟光标悬停时间。当光标移动到元素上时，会触发指定的第一个函数，当光标移出这个元素时，会触发指定的第二个函数。如，悬停效果：

$("td").hover(

 function () {$(this).addClass("hover");},

 function () {$(this).removeClass("hover");}

);

toggle()：用于模拟鼠标连续单击事件。第一次单击元素，触发指定的第一个函数，当再一次单击同一个元素时，则触发指定的第二个函数，如果有更多个函数，则依次触发，直到最后一个。如，设置元素的选择与非选中效果：

$("td").toggle(

 function () {$(this).addClass("selected");},

 function () {$(this).removeClass("selected");}

);

使用toggle()而不传递参数，效果为切换元素的可见状态。

4.事件的冒泡

事件会按照 DOM 层次结构像水泡一样不断向上只止顶端。

解决：在事件处理函数中返回 false，会对事件停止冒泡。还可以停止元素的默认行为。

目前的所有UI交互或其事件，都支持这个特性。在自己的事件处理函数返回false将中止事件的继续向下传递。返回true事件继续向下传递。

5.事件对象的属性

事件对象：当触发事件时，事件对象就被创建了。在程序中使用事件只需要为处理函数添加一个参数。在事件处理函数中使用些参数。如，获取事件发生时，相对于页面的位置：event.pageX, event.pageY，event是事件处理函数的参数。

6.移除事件

移除某按钮上的所有click 事件：$(“btn”).unbind(“click”)

移除某按钮上的所有事件：$(“btn”).unbind();

one()：该方法可以为元素绑定处理函数。当处理函数触发一次后，事件立即被删除。即在每个对象上，事件处理函数只会被执行一次。

六、JQuery中的DOM动画

通过设置DOM对象的显示与隐藏方式，可以产生动画效果。

1.无动画效果的隐藏与显示

hide()：在HTML文档中，为一个元素调用hide()方法会将该元素的display样式改为none。代码功能同css(“display”, “none”);相同。

show()：将元素的display样式改为先前的显示状态。

toggle()：切换元素的可见状态：如果元素时可见的，则切换为隐藏；如果元素时隐藏的，则切换为可见的。

2.通过设置透明度效果的隐藏与显示，达到淡入淡出的动画效果

fadeIn()，fadeOut()：只改变元素的透明度。fadeOut() 会在指定的一段时间内降低元素的不透明度，直到元素完全消失。fadeIn() 则相反。如，用600毫秒缓慢的将段落淡入：$("p").fadeIn("slow");。

fadeTo()：把不透明度以渐近的方式调整到指定的值(0 – 1 之间)。并在动画完成后可选地触发一个回调函数。如，用200毫秒快速将段落的透明度调整到0.25，动画结束后，显示一个“Animation Done”信息框：“$("p").fadeTo("fast", 0.25, function(){ alert("Animation Done."); });”。

3.通过设置高度效果的隐藏与显示，达到滑下与收起的动画效果

slideDown()，slideUp()：只会改变元素的高度。如果一个元素的display属性为none，当调用slideDown() 方法时，这个元素将由上至下延伸显示。slideUp() 方法正好相反，元素由下至上缩短隐藏。如，用600毫秒缓慢的将段落滑下：$("p").slideDown("slow");。

slideToggle()：通过高度变化来切换匹配元素的可见性。如，200毫秒快速将段落滑上或滑下，动画结束后，会显示一个“Animation Done”信息框：“$("p").slideToggle("fast",function(){ alert("Animation Done."); });”。

使用JavaScript、JQuery可以处理当前页面的动态更新，再结合CSS样式可以做出十分漂亮的UI，甚至比桌面软件UI漂亮的多。JavaScript的编写与调试非常麻烦，所以也有一些公司出品了专门针对JavaScript应用的简化开发，比如Google出品的GWT，可以像使用Java编写swing那样编写JavaScript。它为用户提供像swing那样的UI接口与事件等操作并且支持JAVA的核心库。使用GWT自己的编译器，可以将JAVA代码编译为JavaScript代码、CSS样式文件和HTML。

本文链接

普通程序员回顾2010

2011-01-07T09:04:00Z

一、前言：

这个本应该是去年写的，诸多理由，没有写成，我认识到：想到，说出来，去做，是完全不同的三个东西。一件事，想N遍，说NN遍，不去做，也是零。
原谅我在上班的时间，写个人的回顾，谁不有时忙里偷闲，搞搞个人的事情呢，哈哈。。。
两年前，写了类似的总结《我的2008》，现在回头去看，仍然很多感触，人就应该在不断地总结中，不断进步，实现自己的理想和人生目标。2009年二月份，在深圳磨砺了半年多的时间，来到了东莞，也就是目前所在的公司，美中鞋业网(http://www.acafa.com/)，一家创业型公司，开始了全新职业生涯。

二、工作回顾：

2007年7月大学生活结束，转成人民教师，还算适应，因为毕竟不算太忙；
2008年7月放弃教师休闲生活，投入到自己喜欢的程序员，算是正式踏足社会，开始尝到生活辛酸，头一个月特别特别地累，很想很想好好休息一段时间，幸好，刚入职一个月，就是国庆长假，缓了口气。
2009年2月从深圳到东莞，进入目前所在的公司，因为是创业型公司，很多东西都不太成熟，工作时间也从之前的朝九晚五，变成了朝8点半，晚6点，而且没有了双休，周六还要值班半天。在深圳，那真的是一个有用的缓冲，不仅仅在技术上，工作耐力上也是如此。（如果一下从教师转变到现在这样，我真不敢担保自己能承受得住）

三、主要成就：

结婚：来到东莞公司，不到三个月的时间，就张罗着和相爱4年的女友结婚，请了13天的假，回家准备婚事，定于2009.5.10，母亲节，什么事都是自己去张罗准备，忙碌但很充实，13天假期很快过去了，我记得很清楚，谁谁谁来参加了我们的婚礼，很感动，因为很多同学朋友，都是请假从外地跑回来的，特别是远在珠海的金兰，舟车劳顿，只是吃餐饭，又匆匆忙忙赶回去上班，这份情宜，不敢相忘。还有很多不方便来的同学朋友，都当天打了电话问候，十分感谢。更要感谢的是我的老婆，我真得佩服她的胆量和勇气，试问敢嫁给我这样一个无房无车无钱的“三无青年”，还有什么是她不敢做的？

工作学习收获：回到公司生活，公司主要是从事电子商务，为会员提供产品推广、公司网站建立、品牌推广的平台，刚来到公司，就是一个月的适应期，公司的系统比较大，在这一个月的时间，我理清了代码思路，把以前零散的经验重新组织，然后开始着手准备美中鞋业网英文版本的上线。在2009这一整年的时间里，因为接触的是优秀的系统，我开拓了眼界，学到的东西，比以往任何时候都要多得多。

并且也因为自己的好学，积极工作的态度，公司在年底的时候，升任我为技术部经理。这意味着，在以后的职场中，我不能只是考虑自己，我还有个自己的团队，我应该怎么带领自己的团队积极进取，做出更好的成绩。这对于一个从来都对管理、领导不感冒的我，是一个挑战。实话说，刚开始，我做得并不好，很多时候，我只能起到模范代表作用，我相信，在不断的经验积累中，我会掌握更多的经验和技巧，什么事都是从无到有的。

年底，老婆为了表彰我过去一年的辛苦劳作，给我买了一台魅族M8，很高兴。这一年是去了老婆家里过年，很冷，整天睡床上，懒得要命，什么事也不做。

2009年，基本上就是上面这一些内容，我的感悟就是，身在职场，哪怕你下一天就要跳槽，在这一天，也要付出自己百分百的努力，去做好这一天的事，受益更大的绝对是你自己。

四、二零一零：

2010年，又是我人生一个新的篇章，理由如下：
1、经过一年的努力奋斗，宝贝女儿在2010.8.28降生了，辛苦了老婆的10月怀胎。和老婆一样，这是上天赐给我的又一个礼物（当然也离不开自己的努力了，呵呵呵呵。。。）
2、由自己一手策划的全行业平台-龙商网正式启动开发，估计2011年5月份，可以上线第一个版本。

以下是2010详解，不喜可略过：
1、女儿，直到她出生，我也还没有想到她的名字，因为我跟她素未谋面，实在想不通，什么名字适合她。直到2010.8.28下午3点，从接生室推出来，我第一眼看到她，我才去想，她应该有一个很简洁的名字。开始我给她起的名字，叫杨千凡，让我妈妈否决了，后来想到了现在用的名字：杨可，老婆给她还取了个小名：丫丫。
老婆是剖腹产生的杨可，产后很虚弱，在医院休养了一周。生孩子，女人很辛苦，我没想到的是，原来做爸爸也是这么辛苦的。不分白天黑夜，照顾老婆和孩子，回租房做饭带饭，还好当时我妈在，不然我一个人，肯定是忙活不过来的。杨可出生到现在，5个月了，在她满月的时候，我妈因为家里一些事，回去了。我们两个人顶了一个月，特别是老婆，身体还没有恢复过来，累得经常头晕，在杨可两个月的时候，送回了家，老婆也在这段时间回家休养了半个月。杨可快4个月了，我和老婆，都很不放心孩子，很牵挂着，咬咬牙，又把杨可接下来，辛苦就辛苦点吧。因为年后，老婆要教书上课了，我就很少有时间可以看到她们了。现在，我们一家三口在一起了，很快活，虽然杨可很乖，但是晚上还是会醒两三回，我的睡眠因此也分隔成了三段四段，因为要起床给她喂奶粉。总结一下：累但幸福着。

2、龙商网项目开发：目前组建的团队是6个人，三个程序员，三个美工。策划了一个月的时间，现在正紧锣密鼓地进行中，每天晚上加班，一般是到晚上8点半后才下班，有时感觉很辛苦，但是想想项目完成后的成就，也就没那么累了，而且团队很团结，现在经常周五晚上，一起聚餐，气氛很好，我很喜欢这样的氛围。两个程序员，工作都不够一年，经验都还欠缺，所以我要承担更多的责任，比如检查他们的代码结构，项目分步计划，具体实施的做法。越是艰苦，越是锻炼人，成长也会很快。

2011年1月15号，公司组织跨年晚会，到时会有抽奖，希望我不会像去年那样，颗粒无收才好，哈哈。希望项目可以顺利完成。

最后列几本这一年看过，对我有帮助的书：《CLR via C#(第3 版)》、《JavaScript高级程序设计:第2版》、《曼昆：经济学原理》

希望朋友们身体健康，生活愉快，工作顺利。

希望杨可健康成长，天天好心情。希望老婆身体健康，永远美丽。我爱你们。

有图有真相：

1、结婚

2、杨可出生三天

3、杨可满月

本文链接

数据库从sql 2000迁移到SQL 2005遇到的问题

2010-03-16T02:43:00Z

数据库2000迁移到2005遇到的问题

一、SQL Server 2005“备份集中的数据库备份与现有的数据库不同”

还原数据库的时候可能会遇到这个问题，在勾选了“选项”->“覆盖现有数据库”就可以解决。

二、SQl Server2005目录查找失败,出现操作系统错误..

在还原数据库的时候在bak文件中存储了原始数据库的存储路径，这个路径在新数据库所在机器上不存在，就发生这个错误，所以还原的时候需要更改一下mdf文件和ldf文件的位置。
方法步骤：
1、在SQL 2005 新建一个同名数据库，保存于：
C:\Program Files\Microsoft SQL Server\MSSQL\data\
2、在查询分析器中执行以下语句：
RESTORE DATABASE AcafaDb FROM DISK = 'C:\AcafaDb.bak' with replace, MOVE 'AcafaDb_Data' TO 'C:\Program Files\Microsoft SQL Server\MSSQL\Data\AcafaDb_Data.MDF', MOVE 'AcafaDb_log' TO 'C:\Program Files\Microsoft SQL Server\MSSQL\Data\AcafaDb_Log.LDF'

注意：这里的 AcafaDb 是我数据库的名称。

3、成功还原后，数据库里的用户变成了孤立帐户。
所谓孤立帐户，就是某个数据库的帐户只有用户名而没有登录名，这样的用户在用户库的sysusers系统表中存在，而在master数据库的syslogins中却没有对应的记录。

孤立帐户的产生一般是一下两种：

1.将备份的数据库在其它机器上还原；

2.重装系统或SQL SERVER之后只还原了用户库

解决方法是使用系统自带过程sp_change_users_login来修复：
USE AcafaDb;

EXEC sp_change_users_login 'Auto_Fix', 'acafacom', NULL, 'password';

GO

意思是：把用户名“acafacom”修复，密码为“password”

查询孤立用户语句：
EXEC sp_change_users_login 'Report'

更多请参考：
http://msdn.microsoft.com/pt-br/library/ms174378.aspx

本文链接

编写自文档化的代码

2009-06-22T03:32:00Z

原文链接：http://www.cnblogs.com/anderslly/archive/2009/06/21/write-self-documenting-code.html编写自文档化的代码文所以载道也。 —— 宋·周敦颐《通书·文辞》对于我们程序员来说，我们的工作也是写作——几乎每天都要写代码；而且还要载“道&...

Top 10 steps to optimize data access in SQL Server. Part II

2009-04-21T01:20:00Z

IntroductionRemember we ware in a mission? Our mission was to optimize the performance of an SQL Server database. We had an application that was built on top of that database. The application was work...

翠花，上程序员!程序员大拍卖--1500元起(走过路过,不要错过)

2008-07-20T23:52:00Z

拍卖对象：自己底价：1500 （每叫一次价加50) 方式：在下文评论区叫价看到这的人们可能会首先在脑子里想，为什么我会这么做呢？且先看完以下内容，是我半个月来的求职之路。从没上过博客园首页，第一次没想到是用这种方式，如果有不妥我会撤下，说白，我只想得到更多的关注和以便有更多的人前来竞价。进来看到的人们，如果你不需要我，那么烦请帮我宣传一下。谢谢! 本人暑假前是一名物理教师，由于大学...

C#与数据结构

2008-07-20T01:51:00Z