夜的第七章

微软企业库Entlib 5.0就是一坑爹的玩意

djy365@sina.com (Roy) — Fri, 06 Jan 2012 21:19:26 +0800

如果把配置文件放在网站根目录，会报找不到entlib.config，这系企业库内部查找的时候路径有问题，网上有解决办法，就是修改企业库，或者放在web.config里。

如果在MVC下做模型验证，加验证属性时，引用了企业库5.0的，会报错：A validation attribute of type ValidatorCompositionAttribute cannot be used to validate values.

原因是企业库5.0对验证进行了封装和拦截，以前用到.NET内部的验证要走企业库，于是，他妈的不支持了，不支持你重写什么劲哪？

解决办法是，重载模型验证：

public class MyModelBinder : DefaultModelBinder {	protected override void OnModelUpdated(ControllerContext controllerContext, ModelBindingContext bindingContext) {					//base.OnModelUpdated(controllerContext, bindingContext);		ValidatorFactory factory = EnterpriseLibraryContainer.Current.GetInstance();		var validator = factory.CreateValidator(bindingContext.ModelType);		Dictionary startedValid = new Dictionary(StringComparer.OrdinalIgnoreCase);		foreach (var result in validator.Validate(bindingContext.Model)) {			string subPropertyName = CreateSubPropertyName(bindingContext.ModelName, result.Key);			if (!startedValid.ContainsKey(subPropertyName)) {				startedValid[subPropertyName] = bindingContext.ModelState.IsValidField(subPropertyName);			}			if (startedValid[subPropertyName]) {				bindingContext.ModelState.AddModelError(subPropertyName, result.Message);			}		}	}}

最後在global.asax.cs 中的Application_Start 設定一下，加入

ModelBinders.Binders.DefaultBinder = new MyModelBinder();

参考资料：

http://entlib.codeplex.com/discussions/211051

http://www.cnblogs.com/klzwj1988/archive/2010/05/12/1733730.html

http://www.cnblogs.com/kyo-yo/archive/2010/07/19/Learning-EntLib-Fifth-Introduction-Validation-module-information-Part1.html

http://www.dotblogs.com.tw/maev85/archive/2010/08/31/17507.aspx

Entity Framework POCO SaveChanges()失效的原因及解决

djy365@sina.com (Roy) — Thu, 05 Jan 2012 10:21:31 +0800

public void UpdateContact(Contact contact)
{
var findContact = GetContact(contact.ContactID);
findContact = contact;
_context.SaveChanges();
}

public Contact GetContact(int contactId)
{
return GetAllContacts().SingleOrDefault(c => c.ContactID == contactId);
}

public IQueryable GetAllContacts()
{
return _context.Contacts;
}

问题出在当赋值findContact = contact时，ObjectStateManager不知道EntityState发生改变了（还一直是为改变）。因此，没有生成更新的SQL语句，有下面几种方法可以更新:

Option 1: 逐个属性赋值:

var findContact = GetContact(contact.ContactID);
findContact.FirstName = contact.FirstName;
findContact.LastName = contact.LastName;
...
_context.SaveChanges();

Option 2: 使用ApplyCurrentValues方法:

var findContact = GetContact(contact.ContactID);
_context.ApplyCurrentValues("Contacts", contact);
_context.SaveChanges();

Option 3: 附上更新的实体，并改变ObjectStateManager中的状态。(注意：这不会使数据库查询现有的contact).

_context.AttachTo("Contacts", contact);
var contactEntry = Context.ObjectStateManager.GetObjectStateEntry(contact);
contactEntry.ChangeState(EntityState.Modified);
_context.SaveChanges();

ASP.NET HashTable冲突可能导致拒绝服务漏洞更新补丁下载

djy365@sina.com (Roy) — Sat, 31 Dec 2011 09:51:00 +0800

问题描述：

在Microsoft .NET Framework（包含1.1 SP1, 2.0 SP2, 3.5 SP1, 3.5.1, and 4.0）框架中的子系统Microsoft ASP.NET中构造HashTable的CaseInsensitiveHashProvider.getHashCode函数，在web表单提交时对提交表单参数做哈希计算时不做限制，从而引起哈希计算冲突。攻击者通过发送过多的参数从而引起服务器CPU消耗过高从而导致“拒绝服务”，又名“在HashTable中的冲突可能导致拒绝服务漏洞。”

该更新包含在微软安全公告MS11-100中。

操作系统	对于更新补丁下载地址链接
Windows XP
Windows XP Service Pack 3	Microsoft .NET Framework 1.1 Service Pack 1 (KB2656353) Microsoft .NET Framework 2.0 Service Pack 2 (KB2656352) Microsoft .NET Framework 3.5 Service Pack 1 (KB2657424) Microsoft .NET Framework 4^[1] (KB2656351)
Windows XP Professional x64 Edition Service Pack 2	Microsoft .NET Framework 1.1 Service Pack 1 (KB2656353) Microsoft .NET Framework 2.0 Service Pack 2 (KB2656352) Microsoft .NET Framework 3.5 Service Pack 1 (KB2657424) Microsoft .NET Framework 4^[1] (KB2656351)
Windows Server 2003
Windows Server 2003 Service Pack 2	Microsoft .NET Framework 1.1 Service Pack 1 (KB2656358) Microsoft .NET Framework 2.0 Service Pack 2 (KB2656352) Microsoft .NET Framework 3.5 Service Pack 1 (KB2657424) Microsoft .NET Framework 4^[1] (KB2656351)
Windows Server 2003 x64 Edition Service Pack 2	Microsoft .NET Framework 1.1 Service Pack 1 (KB2656353) Microsoft .NET Framework 2.0 Service Pack 2 (KB2656352) Microsoft .NET Framework 3.5 Service Pack 1 (KB2657424) Microsoft .NET Framework 4^[1] (KB2656351)
Windows Server 2003 with SP2 for Itanium-based Systems	Microsoft .NET Framework 1.1 Service Pack 1 (KB2656353) Microsoft .NET Framework 2.0 Service Pack 2 (KB2656352) Microsoft .NET Framework 3.5 Service Pack 1 (KB2657424) Microsoft .NET Framework 4^[1] (KB2656351)
Windows Vista
Windows Vista Service Pack 2	Microsoft .NET Framework 1.1 Service Pack 1 (KB2656353) Microsoft .NET Framework 2.0 Service Pack 2 (KB2656362) Microsoft .NET Framework 3.5 Service Pack 1 (KB2657424) Microsoft .NET Framework 4^[1] (KB2656351)
Windows Vista x64 Edition Service Pack 2	Microsoft .NET Framework 1.1 Service Pack 1 (KB2656353) Microsoft .NET Framework 2.0 Service Pack 2 (KB2656362) Microsoft .NET Framework 3.5 Service Pack 1 (KB2657424) Microsoft .NET Framework 4^[1] (KB2656351)
Windows Server 2008
Windows Server 2008 for 32-bit Systems Service Pack 2	Microsoft .NET Framework 1.1 Service Pack 1 (KB2656353) Microsoft .NET Framework 2.0 Service Pack 2 (KB2656362) Microsoft .NET Framework 3.5 Service Pack 1 (KB2657424) Microsoft .NET Framework 4^[1] (KB2656351)
Windows Server 2008 for x64-based Systems Service Pack 2	Microsoft .NET Framework 1.1 Service Pack 1 (KB2656353) Microsoft .NET Framework 2.0 Service Pack 2 (KB2656362) Microsoft .NET Framework 3.5 Service Pack 1 (KB2657424) Microsoft .NET Framework 4^[1] (KB2656351)
Windows Server 2008 for Itanium-based Systems Service Pack 2	Microsoft .NET Framework 1.1 Service Pack 1 (KB2656353) Microsoft .NET Framework 2.0 Service Pack 2 (KB2656362) Microsoft .NET Framework 3.5 Service Pack 1 (KB2657424) Microsoft .NET Framework 4^[1] (KB2656351)
Windows 7
Windows 7 for 32-bit Systems	Microsoft .NET Framework 3.5.1 (KB2656355) Microsoft .NET Framework 4^[1] (KB2656351)
Windows 7 for 32-bit Systems Service Pack 1	Microsoft .NET Framework 3.5.1 (KB2656356) Microsoft .NET Framework 4^[1] (KB2656351)
Windows 7 for x64-based Systems	Microsoft .NET Framework 3.5.1 (KB2656355) Microsoft .NET Framework 4^[1] (KB2656351)
Windows 7 for x64-based Systems Service Pack 1	Microsoft .NET Framework 3.5.1 (KB2656356) Microsoft .NET Framework 4^[1] (KB2656351)
Windows Server 2008 R2
Windows Server 2008 R2 for x64-based Systems	Microsoft .NET Framework 3.5.1* (KB2656355) Microsoft .NET Framework 4^[1] (KB2656351)
Windows Server 2008 R2 for x64-based Systems Service Pack 1	Microsoft .NET Framework 3.5.1* (KB2656356) Microsoft .NET Framework 4*^[1] (KB2656351)
Windows Server 2008 R2 for Itanium-based Systems	Microsoft .NET Framework 3.5.1 (KB2656355) Microsoft .NET Framework 4^[1] (KB2656351)
Windows Server 2008 R2 for Itanium-based Systems Service Pack 1	Microsoft .NET Framework 3.5.1 (KB2656356) Microsoft .NET Framework 4^[1] (KB2656351)

(转)javascript添加事件、动态添加、修改、删除对象的属性和方法

djy365@sina.com (Roy) — Wed, 28 Dec 2011 10:39:44 +0800

[code=javascript]
var msg = "参数";
if (window.attachEvent)
{
//支持 IE
btn.attachEvent("onclick", function () { showMessage(msg) });
}
else
{
//支持 FF
btn.addEventListener("click", function () { showMessage(msg) }, false);
}

添加和删除事件

JavaScript添加、删除事件的方法

第一次点的时候弹出警告，并移除click事件,再点点击就失效了

第一次警告，第二次没反应！

属性

在其他语言中，对象一旦生成，就不可更改了，要为一个对象添加修改成员必须要在对
应的类中修改，并重新实例化，而且程序必须经过重新编译。JavaScript 中却非如此，它提
供了灵活的机制来修改对象的行为，可以动态添加、修改、删除属性和方法。例如首先使用
类Object来创建一个空对象user：
var user=new Object();
1．添加属性
这时user 对象没有任何属性和方法，显然没有任何用途。但可以为它动态的添加属性
和方法，例如：
user.name=”jack”;
user.age=21;
user.sex=”male”;
通过上述语句，user 对象便具有了三个属性：name、age和sex。下面输出这三个语句：
alert(user.name);
alert(user.age);
alert(user.sex);
由代码运行效果可知，三个属性已经完全属于user 对象了。
2．添加方法
添加方法的过程和属性类似：
user.alert=function(){
alert(“my name is:”+this.name);
}
这就为user 对象添加了一个方法“alert”，通过执行它，可以弹出一个对话框显示自己
的名字介绍：
user.alert();
3．修改属性
修改一个属性的过程就是用新的属性替换旧的属性，例如：
user.name=”tom”;
user.alert=function(){
alert(“hello,”+this.name);
}
这样就修改了user 对象name属性的值和alert方法，它从显示“my name is”变为了显
示“hello”。
4．删除属性
删除一个属性的过程也很简单，就是将其置为undefined：
user.name=undefined;
user.alert=undefined;
这样就删除了name属性和alert方法。在之后的代码中，这些属性变的不可用。
在添加、修改或者删除属性时，和引用属性相同，也可以采用方括号（[]）语法：
user[“name”]=”tom”;
使用这种方式还有一个额外的特点，就是可以使用非标识符字符串作为属性名称，例如
标识符中不允许以数字开头或者出现空格，但在方括号（[]）语法中却可以使用：
user[“my name”]=”tom”;
需要注意，在使用这种非标识符作为名称的属性时，仍然要用方括号语法来引用：
alert(user[“my name”]);
而不能写为：
alert(user.my name);
利用对象的这种性质，甚至可以很容易实现一个简单的哈希表，在本书的后面将会看到
其应用。此可见，JavaScript中的每个对象都是动态可变的，这给编程带来了很大的灵活性，
也和其他语言产生了很大的区别，读者可以体会这种性质。
[/code]

C#读取word.doc,docx

djy365@sina.com (Roy) — Fri, 23 Dec 2011 17:21:55 +0800

引用com里的Microsoft.Office.Interop.Word；
[code=csharp]
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using Microsoft.Office.Interop.Word;

namespace WordDemo
{
class Program
{
static void Main(string[] args)
{
object oMissing = System.Reflection.Missing.Value;
Application app = new Application();
app.Visible = false;
object fileName = @"C:\Users\dujianyu\Desktop\2011111811125930.doc";
Document doc = new Document();
object format = WdOpenFormat.wdOpenFormatDocument;
doc = app.Documents.Open(ref fileName, ref oMissing, ref oMissing, ref oMissing, ref oMissing, ref oMissing,
ref oMissing, ref oMissing, ref oMissing, ref oMissing, ref oMissing,
ref oMissing, ref oMissing, ref oMissing, ref oMissing, ref oMissing);
string content = doc.Content.Text.ToString();
doc.Close(ref oMissing, ref oMissing, ref oMissing);
app.Quit(ref oMissing, ref oMissing, ref oMissing);

int i = 0;
}
}
}

[/code]

x64的firefox - waterfox

djy365@sina.com (Roy) — Thu, 22 Dec 2011 14:52:02 +0800

1，英文原版下载：
http://waterfoxproj.sourceforge.net/downloads
2，简体中文包下载：
ftp://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/9-candidates/build1/win32/xpi/zh-CN.xpi
3，下载后，用Waterfox打开xpi文件，安装之，重启Waterfox
4，重启后，输入about:config，在filter栏中输入general.useragent.locale，将en-US改为zh-CN，重启Waterfox

(转)jQuery页面滚动到指定节点id

djy365@sina.com (Roy) — Thu, 22 Dec 2011 10:55:41 +0800

原文地址：http://zww.me/archives/25144
[code=javascript]
假设：你的主题最上面的 id 是 header，最下面的“返回顶部”的 id 为 top

jQuery 代码如下：

jQuery(document).ready(function($) {

$body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');// 这行是 Opera 的补丁, 少了它 Opera 是直接用跳的而且画面闪烁 by willin

$('#top').click(function(){
$body.animate({scrollTop: $('#header').offset().top}, 1000);
return false;// 返回false可以避免在原链接后加上#
});

});

说明：直接看注释

$('#top').click(function(){...}); 这是滚动基本代码，可以根据自个情况变通，也就是举一反三了，如：既然可以返回顶部，那么就可以滚动到底部、滚动到某一个 id、滚动到中间……

那么我再贴出一个滚动到“评论框”的例子：

例子前提假如：文章标题下面有个“添加评论”，原来的html如下

（注：#respond 是评论框的 id）

那么 $('#top').click(function(){...}); 这段代码就变为如下：

$('#add-comment').click(function(){
$body.animate({scrollTop: $('#respond').offset().top}, 1000);
return false;
});
[/code]

(转)jQuery性能优化

djy365@sina.com (Roy) — Fri, 16 Dec 2011 17:11:45 +0800

本文原文地址：http://www.artzstudio.com/2009/04/jquery-performance-rules/

代码优化分多个方面，而性能是主要的优化目标。本文将从对象缓存、DOM操作等12个方面讲解如何优化jQuery代码的执行效率，从而总体提升代码性能。

1、总是从ID选择器开始继承

在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。
例如有一段HTML代码：
[code=html]

[/code]
[code=javascript]
如果采用下面的选择器，那么效率是低效的。

var traffic_button = $('#content .button');

因为button已经有ID了，我们可以直接使用ID选择器。如下所示：

var traffic_button = $(“#traffic_button”);

当然这只是对于单一的元素来讲。如果你需要选择多个元素，这必然会涉及到 DOM遍历和循环，为了提高性能，建议从最近的ID开始继承。

如下所示：

var traffic_lights = $(“#traffic_light input”);

2、在class前使用tag(标签名)

在jQuery中第二快的选择器是tag(标签)选择器比如：

$(“head”)

跟ID选择器累时，因为它来自原生的getElementsByTagName() 方法。继续看刚才那段HTML代码：

比如需要选择红绿单选框，那么可以使用一个tag name来限制(修饰)class ，如下所示：

var active_light = $(“input.on”);

当然也可以结合就近的ID，如下所示：

var active_light = $(“#traffic_light input.on”);

在使用tag来修饰class的时候，我们需要注意以下几点：

（1）不要使用tag来修饰ID，如下所示：

var content = $(“div#content”);

这样一来，选择器会先遍历所有的div元素，然后匹配#content。

（2）不要画蛇添足的使用ID来修饰ID，如下所示：

var traffic_light = $(“#content #traffic_light”);

3、将jQuery对象缓存起来

把jQuery对象缓存起来就是要告诉我们要养成将jQuery对象缓存进变量的习惯。下面是一个jQuery新手写的一段代码：

$(“#traffic_light input.on”).bind(“click”, function(){ … });
$(“#traffic_light input.on”).css(“border”, “1px dashed yellow”);
$(“#traffic_light input.on”).css(“background-color”, “orange”);
$(“#traffic_light input.on”).fadeIn(“slow”);

但切记不要这么做。我们应该先将对象缓存进一个变量然后再操作，如下所示：

var $active_light = $(“#traffic_light input.on”);
$active_light.bind(“click”, function(){ … });
$active_light.css(“border”, “1px dashed yellow”);
$active_light.css(“background-color”, “orange”);
$active_light.fadeIn(“slow”);

记住，永远不要让相同的选择器在你的代码里出现多次.

注：

（1）为了区分普通的JavaScript对象和jQuery对象，可以在变量首字母前加上$符号。

（2）上面代码可以使用jQuery的链式操作加以改善，如下所示：

var $active_light = $(“#traffic_light input.on”);
$active_light.bind(“click”, function(){ … })
.css(“border”, “1px dashed yellow”)
.css(“background-color”, “orange”)
.fadeIn(“slow”);

如果你打算在其他函数中使用jQuery对象，那么你必须把它们缓存到全局环境中。如下代码所示：

// 在全局范围定义一个对象(例如:window对象)
window.$my = {
head : $(“head”),
traffic_light : $(“#traffic_light”),
traffic_button : $(“#traffic_button”)
};
function do_something(){ // 现在你可以引用存储的结果并操作它们
var script = document.createElement(“script”);
$my.head.append(script);
// 当你在函数内部操作是,可以继续将查询存入全局对象中去.
$my.cool_results = $(“#some_ul li”);
$my.other_results = $(“#some_table td”);
// 将全局函数作为一个普通的jquery对象去使用.
$my.other_results.css(“border-color”, “red”);
$my.traffic_light.css(“border-color”, “green”);
}
//你也可以在其他函数中使用它

4、限制直接对DOM进行操作

这里的基本思想是在内存中建立你确实想要的东西，然后更新DOM，这并不是一个jQuery最佳实践，但必须进行有效的JavaScript操作，直接的DOM操作速度很慢。例如，你想动态的创建一组列表元素，千万不要这样做，如下所示：

var top_100_list = [...], // 假设这里是100个独一无二的字符串
$mylist = $(“#mylist”); // jQuery 选择到

$mylist.append(“

” + top_100_list[i] + “

”);
}

我们应该将整套元素字符串在插入进DOM中之前先全部创建好，如下所示：

// 这个变量将用来存储我们的列表元素
var top_100_list = [...],$mylist = $(“#mylist”), top_100_li = “”;
for (var i=0, l=top_100_list.length; i top_100_li += “

” + top_100_list[i] + “

”;
}
$mylist.html(top_100_li);

注：记得以前还看过一朋友写过这样的代码：

for (i = 0; i < 1000; i++) {
var $myList = $('#myList’);
$myList.append('This is list item ' + i);
}

你应该已经看出问题所在了，#mylist被循环获取了1000次！

5、冒泡

除非在特殊情况下，否则每一个js事件(例如：click,mouseover等。)都会冒泡到父级节点，当我们需要给多个元素调用同个函数时这点会很有用。

代替这种效率很差的多元素事件监听的方法就是，你只需向它们的父节点绑定一次。比如，我们要为一个拥有很多输入框的表单绑定这样的行为：当输入框被选中时为它添加一个class。传统的做法是，直接选中input，然后绑定focus等，如下所示：

$(“#entryform input”).bind(“focus”, function(){
$(this).addClass(“selected”);
}).bind(“blur”, function(){
$(this).removeClass(“selected”);
});

当然上面代码能帮我们完成相应的任务，但如果你要寻求更高效的方法，请使用如下代码：

$(“#entryform”).bind(“focus”, function(e){
var $cell = $(e.target); // e.target 捕捉到触发的目标元素
$cell.addClass(“selected”);
}).bind(“blur”, function(e){
var $cell = $(e.target);
$cell.removeClass(“selected”);
});

通过在父级监听获取焦点和失去焦点的事件，对目标元素进行操作。在上面代码中，父级元素扮演了一个调度员的角色，它可以基于目标元素绑定事件，如果你发现你给很多元素绑定了同一个事件监听，那么现在的你肯定知道哪里做错了。

同理，在Table操作时，我们也可以使用这种方式加以改进代码：

普通的方式：

$('#myTable td’).click(function(){
$(this).css('background’, 'red’);
});

改进方式：

$('#myTable’).click(function(e) {
var $clicked = $(e.target);
$clicked.css('background’, 'red’);
});

假设有100个td，在使用普通的方式的时候，你绑定了100个事件。在改进方式中，你只为一个元素绑定了1个事件。至于是100个事件的效率高，还是1个事件的效率高，相信你也能自行分辨了。

6、推迟到 $(window).load

jQuery 对于开发者来说有一个很诱人的东西，可以把任何东西挂到$(document).ready下。尽管$(document).rady 确实很有用，它可以在页面渲染时，其它元素还没下载完成就执行。如果你发现你的页面一直是载入中的状态，很有可能就是$(document).ready 函数引起的。

你可以通过将jQuery函数绑定到$(window).load 事件的方法来减少页面载入时的CPU使用率，它会在所有的html(包括)被下载完成后执行。

$(window).load(function(){
// 页面完全载入后才初始化的jQuery函数.
});

一些特效的功能，例如拖放，视觉特效和动画，预载入隐藏图像等等，都是适合这种技术的场合。

7、压缩JavaScript

压缩和最小化你的JavaScript文件：

在线压缩地址：http://dean.edwards.name/packer/，压缩之前，请保证你的代码的规范性，否则可能失败，导致JS错误。

8、尽量使用ID代替Class

前面性能优化已经说过，ID选择器的速度是最快的。所以在HTML代码中，能使用ID的尽量使用ID来代替class。

看下面的一个例子：

var $myList = $('#myList’); // 创建一个list
var myListItems = '

This is a list item

’;
$myList.html(myListItems);
for (i = 0; i < 1000; i++) { // 选择每一个 li
var selectedItem = $('.listItem’ + i);
}

在代码最后，选择每个li的过程中，总共用了5066毫秒，超过5秒了。接着我们做一个对比，用ID代替class：

var $myList = $('#myList’); // 创建一个list
var myListItems = '

This is a list item

’;
$myList.html(myListItems);
for (i = 0; i < 1000; i++) { // 选择每一个 li
var selectedItem = $('#listItem’ + i);
}

在上段代码中，选择每个li总共只用了61毫秒，相比class的方式，将近快了100倍。

9、给选择器一个上下文

jQuery选择器中有一个这样的选择器，它能指定上下文。

jQuery( expression, context );

通过它，能缩小选择器在DOM中搜索的范围，达到节省时间，提高效率。

普通方式：

$('.myDiv’);

改进方式：

$('.myDiv’ , $(“#listItem”) );

10、慎用 .live() 方法（尽量不要使用）

这是jQuery1.3.1版本之后增加的方法，这个方法的功能就是为新增的DOM元素动态绑定事件。但对于效率来说，这个方法比较占用资源。所以请尽量不要使用它。

例如有这么一段代码：

this is first p

运行后，你会发现新增的 p元素，并没用被绑定click事件。你可以改成.live(”click”)方式解决此问题，代码如下：

$(function(){
$(“p”).live(“click”,function(){ //改成live方式
alert( $(this).text() );
});
$(“button”).click(function(){ $(“

this is second p

”).appendTo(“body”); });})

但我并不建议大家这么做，我想用另一种方式去解决这个问题，代码如下：

$(function(){
$(“p”).click(function(){
alert( $(this).text() );
});
$(“button”).click(function(){
$(“

this is second p

”).click(function(){ //为新增的元素重新绑定一次
alert( $(this).text() );
}).appendTo(“body”);
});
})

虽然我把绑定事件重新写了一次，代码多了点，但这种方式的效率明显高于live()方式，特别是在频繁的DOM操作中，这点非常明显。

11、子选择器和后代选择器

后代选择器经常用到，比如：

$(“#list p”);

后代选择器获取的是元素内部所有元素，而有时候实际只要获取子元素，那么就不应该使用后代选择器。
应该使用子选择器，代码如下：

$(“#list > p”);

12、使用data()方法存储临时变量

下面是一段非常简单的代码：

$(function(){
var flag = false;
$(“button”).click(function(){
if(flag){
$(“p”).text(“true”);
flag=false;
}else{
$(“p”).text(“false”);
flag=true;
}
});
})

改用data()方式后，代码如下：

$(function(){
$(“button”).click(function(){
if( $(“p”).data(“flag”) ){
$(“p”).text(“true”);
$(“p”).data(“flag”,false);
}else{
$(“p”).text(“false”);
$(“p”).data(“flag”,true);
}
});
})

3，尽量使用原生的JavaScript方法

看下面一段代码，它用来判断多选框是否被选中：

$(document).ready(function(){
var $cr = $("#cr"); //jQuery对象
$cr.click(function(){
if($cr.is(":checked")){ //jQuery方式判断
alert("感谢你的支持!你可以继续操作！");
}
})
});

上面代码中，判断是否选中是用了 jquery的方法，但这里可以直接使用原生的JavaScript方法，看下面代码：

$(document).ready(function(){
var $cr = $("#cr"); //jQuery对象
var cr = $cr.get(0); //DOM对象，获取 $cr[0]
$cr.click(function(){
if(cr.checked){ //原生的JavaScript方式判断
alert("感谢你的支持!你可以继续操作!");
}
})
});

毋庸置疑，第二种方式效率高于第一种方式，因为他不需要拐弯抹角的去调用许多函数。

更多：

$(this).css("color","red"); ......

改成：

this.style.color ="red" ......

$("

")

改成:

$( document.createElement("p") )

有时候你也许根本不需要jQuery。（如果不涉及兼容性问题和自己的水平问题。）

14，使用for代替each()方法

这个跟13有点类似，但我特意提取出来，让大家注意下。

var array = new Array ();
for (var i=0; i<10000; i++) {
array[i] = 0;
}

$.each (array, function (i) {
array[i] = i;
});

15，使用join()来拼接字符串。

也许你之前一直使用 " + " 来拼接长字符串。现在你可以改改了。虽然它可能会有点奇怪，但它确实有助于优化性能，尤其是长字符串处理的时候。

首先创建一个数组，然后循环，最后使用join()把数组转化为字符串。

var array = [];
for (var i=0; i<=10000; i++) {
array[i] = '

'+i+'

';
}
$('#list').html (array.join (''));

16，Ajax中文乱码。

Ajax传递中文时会乱码，传统方式大家都是利用escape去编码，然后去后台解码。

$.ajax({
type: "POST",
url: "AjaxTest.jsp",
data: "txt="+$('#txt').val(),
success: function(msg){
$("#AjaxResponse").text(msg);
}
});

现在你可以换一换了，你可以非常简单的解决这个问题，只需要添加一参数即可：
$.ajax({
type: "POST",
url: "AjaxTest.jsp",
data: "txt="+$('#tbox1').val(),
success: function(msg){
$("#AjaxResponse").text(msg);
},
contentType:"application/x-www-form-urlencoded;charset=utf-8"
});

[/code]

javascript实现插件化调用

djy365@sina.com (Roy) — Mon, 12 Dec 2011 15:56:21 +0800

通过对javascript插件化调用，对付自定义表单时可灵活配置，不用再一次书写冗长的代码，便于开发，更便于维护。

[code=javascript]
var validFuncs = window.validFuncs || {};

//提交时调用的函数
function validSubmit()
{
for(var func in validFuncOptions)
{
if(!validFuncs[func]())
{
return false;
}
}
}

//片段一
function A()
{
alert('a');
return false;
}

validFuncs[0] = A;

//片段二
function B()
{
alert('b');
}
validFuncs['a'] = B;
[/code]

[code=html]

[/code]

(转)blueprint–css framework研究

djy365@sina.com (Roy) — Fri, 09 Dec 2011 16:08:54 +0800

blueprint是一个所谓的css framework，相比较而言blueprint 代码中的注释还是比较详细的。
按照Jeff Croft的Frameworks for Designers(或中文版本理解Web框架，和如何构建一个CSS框架)描述的如何构建一个css framework的方法：
There are several possible ways to go about building a framework, but the most common and arguably the most useful is to abstract your common CSS into individual stylesheets that each cover a particular part of the whole. For example, you may have a stylesheet that sets up the typography and another that handles the mass reset. The beauty of the approach is the ability to selectively include only the styles that you need. You may end up with six or seven different stylesheets in your framework, but if a particular project doesn’t need one or two of them, they don’t have to be included. The framework we created in our office has five stylesheets:.

reset.css—handles the mass reset.

type.css—handles the typography.

grid.css—handles the layout grid.

widgets.css—handles widgets like tabs, drop-down menus, and “read more” buttons.

base.css—includes all the other stylesheets, so that we only need to call base.css from our (X)HTML documents to use the entire framework.
blueprint的构建方式也与此类似：
分而治之：
buleprint在功能组织上，将诸如布局(layout)、排版(typography)、组件（widget）、重置（reset）、打印 (print)等功能分散到不同的css文件中。这样方便使用者只需要导入自己所要使用的功能，不用导入全部文件，提高页面装载性能。目前在组件部分只提供了对button的处理，尚未做到麦肯锡的MECE（”相互独立，完全穷尽”）的道。
统一接口：
尽管功能分散到多个css文件，但是导入时候，仍然只需要包含同样的文件screen.css文件，具体的导入细节在screen.css中再处理，统一了对外接口。
blueprint 所包含的css文件说明：

screen.css
This is the main file of the framework. It imports other CSS
files from the “lib” directory, and should be included on
every page.
类似于Jeff Croft的base.css功能，只需要包含此文件，就可以导入

print.css
This file sets some default print rules, so that printed versions
of your site looks better than they usually would. It should be
included on every page.
用于处理打印，可以归类为widget。

lib/grid.css
This file sets up the grid (it’s true). It has a lot of classes
you apply to divs to set up any sort of column-based grid.
用于处理页面的布局（栏目）

lib/typography.css
This file sets some default typography. It also has a few
methods for some really fancy stuff to do with your text.
用于处理页面元素的排版。

lib/reset.css
This file resets CSS values that browsers tend to set for you.
用于重置页面，对没有指定css属性的页面元素指定缺省值。

lib/buttons.css
Provides some great CSS-only buttons.
用于处理按钮,可以归类为widget

lib/compressed.css
A compressed version of the core files. Use this on every live site.
See screen.css for instructions
提供压缩过的（包含grid.css,tyopgraphy.css,reset.css,buttons.css）的css文件。

2、各模块用法研究

2.1、grid.css研究

对跨浏览器居中处理的兼容性处理

一般而言，要处理firefox、ie在处理居中时候的不同，采用如下方式：

body{text-align: center;}div#container{margin-left: auto;margin-right: auto;width: 50em;text-align: left;}

摘自：http://www.maxdesign.com.au/presentation/center/

blueprint的处理方式：

body {  text-align: center; /* IE6 Fix */  margin:36px 0;}/* A container should group all your columns. */.container {  text-align: left;  position: relative;  padding: 0;  margin: 0 auto;   /* Centers layout */  width: 1150px;     /* Total width */}

```
分栏（Columns）的实现
```

blueprint的处理方式：

blueprint定义了.column , .span-x ,.last ，两者结合来实现分栏功能。

其中：.column定义栏目的float属性；.span-x定义栏目宽度；.last将margin-right置为0px,

.column {  float: left;  margin-right: 10px;  padding: 0;}

/* Use these classes to set how wide a column should be. */.span-1   { width: 30px; }.span-2   { width: 70px; }.span-3   { width: 110px; }.span-4   { width: 150px; }....span-8   { width: 310px; }.span-9   { width: 350px; }.span-10  { width: 390px; }....span-23  { width: 910px; }.span-24  { width: 950px; margin: 0; }.span-25  { width: 200px; }.span-26 { width: 1150px; margin: 0; }/* The last element in a multi-column block needs this class. */.last     { margin-right: 0; }

三栏的实现：

class="container">        class="column span-24">                Header        
        class="column span-4">                Left sidebar        
        class="column span-16">                Main content        
        class="column span-4 last">                Right sidebar

     四栏的实现：

class="container">        class="column span-26">                Header        
        class="column span-4">                Left sidebar        
        class="column span-3 ">                Main content 0        
          class="column span-25">               Main content  1        
        class="column span-4 last">                Right sidebar

注意把.container中的width(定义了整个页面的width)修改为1150px

空白栏目的实现：

   对于多栏目（例如5栏目），其中有空白栏目（例如左右两栏目为空白），可以使用.append-x和.prepend-x来填充。

其中.append-x在栏目后（padding-right）添加空白栏目，.prepend-x在栏目前（padding-left）添加空白栏目。

```
通用的容器定义
```

/* A container should group all your columns. */.container {  text-align: left;  position: relative;  padding: 0;  margin: 0 auto;   /* Centers layout */  width: 1150px;     /* Total width */}

2.2、reset.css研究

reset.css的最初代码应该来自于Eric Meyer,Eric Meyer有两篇关于reset的日志，用于处理跨浏览器缺省值不同的问题。Eric Meyer的文档写得很精彩：
Reset Reasoning：http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/
Reset Reloaded：http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

为何要reset

The basic reason is that all browsers have presentation defaults, but no browsers have the same defaults. (Okay, no two browser families—most Gecko-based browsers do have the same defaults.)
For example, some browsers indent unordered and ordered lists with left margins, whereas others use left padding. In past years, we tackled these inconsistencies on a case-by-case basis;

为何使用reset style，而不是universal selector

所谓universal selector 就是使用* 来代表document所有的元素，例如
* {    margin: 0;    padding 0;}

关于reset style话题的一些资源：

YUI的reset库：http://developer.yahoo.com/yui/reset/
http://leftjustified.net/journal/2004/10/19/global-ws-reset/
以下几篇实际上是讨论css framework或tips的文章，只不过都提到了reset话题。
http://www.smashingmagazine.com/2007/05/10/70-expert-ideas-for-better-css-coding/
http://www.christianmontoya.com/2007/02/01/css-techniques-i-use-all-the-time/
http://businesslogs.com/design_and_usability/my_5_css_tips.php
http://www.pingmag.jp/2006/05/18/5-steps-to-css-heaven/

2.3、typography.css研究

typography.css用于确定页面元素缺省的排版格式（baseline）：
Setting Type on the Web to a Baseline Grid：
http://alistapart.com/articles/settingtypeontheweb

2.4、buttons.css研究

Rediscovering the Button Element 讨论了用button元素来替代input元素的种种好处，button元素是提供了较为丰富的功能。
http://particletree.com/features/rediscovering-the-button-element

2.4、print.css研究

Eric Meyer有一篇关于css实现print功能的文章，可以作为理解print.css的参考。
CSS Design: Going to Print
Print Different

2.5、compressed.css

compressed.css是对blueprint几个文件压缩合成包，同时也对css文件进行了压缩，去除了无用的空格、换行、注释等文本。

此种方式用于在上生产系统部署时候使用，避免在页面导入多个css文件，同时也有利于提高页面性能。

按照lib/screen.css中的说明，应该使用了teenage提供的css压缩服务：
http://teenage.cz/acidofil/tools/cssformat.php
另外类似的提供对css、javascript进行优化、压缩的服务还有：
http://csstidy.sourceforge.net/ （开源）
http://www.cssdrive.com/index.php/main/csscompressor/
http://www.cleancss.com/ （基于csstidy）

3、使用例子

4、参考文档

http://code.google.com/p/blueprintcss/wiki/Tutorial

5、相关项目

blueprint-generator: http://kematzy.com/blueprint-generator/
tripoli : http://monc.se/tripoli/

夜的第七章

微软企业库Entlib 5.0就是一坑爹的玩意

Entity Framework POCO SaveChanges()失效的原因及解决

ASP.NET HashTable冲突可能导致拒绝服务漏洞更新补丁下载

(转)javascript添加事件、动态添加、修改、删除对象的属性和方法

C#读取word.doc,docx

x64的firefox - waterfox

(转)jQuery页面滚动到指定节点id

(转)jQuery性能优化

1、总是从ID选择器开始继承

交通信号灯

2、在class前使用tag(标签名)

交通信号灯

3、将jQuery对象缓存起来

4、限制直接对DOM进行操作

5、冒泡

6、推迟到 $(window).load

javascript实现插件化调用

(转)blueprint–css framework研究

2、各模块用法研究

2.1、grid.css研究

2.2、reset.css研究

2.3、typography.css研究

2.4、buttons.css研究

2.4、print.css研究

CSS Design: Going to Print

Print Different

2.5、compressed.css

3、使用例子

4、参考文档

5、相关项目

夜的第七章

微软企业库Entlib 5.0就是一坑爹的玩意

Entity Framework POCO SaveChanges()失效的原因及解决

ASP.NET HashTable冲突可能导致拒绝服务漏洞更新补丁下载

(转)javascript添加事件、动态添加、修改、删除对象的属性和方法

C#读取word.doc,docx

x64的firefox - waterfox

(转)jQuery页面滚动到指定节点id

(转)jQuery性能优化

1、总是从ID选择器开始继承

交通信号灯

2、在class前使用tag(标签名)

交通信号灯

3、将jQuery对 象缓存起来

4、限制直接对DOM进行操作

5、冒泡

6、推迟到 $(window).load

javascript实现插件化调用

(转)blueprint–css framework研究

2、各模块用法研究

2.1、grid.css研究

2.2、reset.css研究

2.3、typography.css研究

2.4、buttons.css研究

2.4、print.css研究

CSS Design: Going to Print

Print Different

2.5、compressed.css

3、使用例子

4、参考文档

5、相关项目

3、将jQuery对象缓存起来