Leeiio™ Chaos Made.

在Google Code上用 Mercurial 取代 Subversion 管理你的项目

Leeiio — Fri, 12 Mar 2010 16:20:39 +0800

之前，我一直都是用的SVN作为我日常的版本控制工具，诸如代码啊文档啊之类的东西。至于CVS这么复古的版本控制工具更是没有机会去尝试。说到SVN控制版本的话，作为托管服务商比较好的就有google code，本人也一直在使用。最近，由于一些项目的原因，了解到了另外一个版本控制工具Hg，当然Hg不是它的原名，原名叫Mercurial，都是水银的意思，所以通常称呼为Hg。

与集中式版本控制工具SVN不同的是，Hg是一种分布式版本控制工具。除了Hg，还有大名鼎鼎的Git也是分布式版本控制工具。想要更具体的了解版本控制工具的，推荐阅读胡凯《为什么我们要放弃Subversion》，
风云《分布式的版本控制工具》，猛禽《分布式版本控制（一）》《分布式版本控制（二）》，Sparkle《我与Mercurial 系列等几篇文章》等。只是想了解Mercurial(Hg)的话，Mercurial官方wiki已经有很详尽的资料和帮助文档了。

接下来回到本文的正题。本文的起因是Google Code在早前除了支持SVN托管代码外，更支持了分布式版本控制Mercurial(Hg)来管理你托管在Google Code上的项目。至于Google为什么在这么多种的分布式版本控制工具中选择了Mercurial而不是Git，这里有一篇文章，推荐阅读一下《Git 與 Mercurial 的分析》，原文《Analysis of Git and Mercurial》。

下面，就教大家怎么让Google Code用Mercurial替代Subversion来管理你的项目。原文 http://code.google.com/p/support/wiki/ConvertingSvnToHg。

在Google Code里设置由Mercurial来管理项目

访问你已经存在的google code项目页面，选择 “Administer” 选项页,然后选择下级分类选项页 “Source”。
改变第一项Repository type为Mercurial。
参照下文介绍的“如何转换Google Code里Subversion的历史记录到Mercurial中”，导入你的代码到 Hg 代码库中
以同样的导入代码的方式，导入你的wiki到Hg wiki库中。确认你使用的subversion代码库的wiki路径(例如 http://projectname.googlecode.com/svn/wiki) 以及 Hg 代码库的wiki路径(http://wiki.projectname.googlecode.com/hg/)

在你切换你的项目使用Mercurial管理后，你的旧Subversion项目仍然可以访问，所以在你切换之前你不需要备份你的代码库。你的Subversion版本库将会保持访问: https://projectname.googlecode.com/svn/

如何转换Google Code里Subversion的历史记录到Mercurial中

第一种方式：简要截取
如果你不在乎你原来项目的历史记录，那么你可以简单地从Subversion里的主干代码或者wiki中提取最新的代码然后放到你的Mercurial中。假设你googlecode里的 Mercurial代码库是空的，那么可以这样操作：

 $ hg clone https://projectname.googlecode.com/hg hg-client
 $ cd hg-client
 $ svn export --force http://projectname.googlecode.com/svn/trunk .
 $ hg add .
 $ hg commit -m "Initial import of source."
 $ hg push

接着转换你的wiki：

 $ hg clone https://wiki.projectname.googlecode.com/hg hg-client-wiki
 $ cd hg-client-wiki
 $ svn export --force http://projectname.googlecode.com/svn/wiki .
 $ hg add .
 $ hg commit -m "Initial import of wiki."
 $ hg push

第二种方式：完整历史记录转换
如果你要迁移你整个的历史记录，整个过程可能要你更多的参与了。你将会需要先安装一些特殊的工具程序。
安装工具

‘hg convert’扩展模块。最新版本的Mercurial已经包含这个模块，请确保你的hg版本为1.1 或者 1.2 或者更高版本。 (可用”hg –version”命令查看) 然后在你的.hgrc里面添加如下代码启用该扩展模块:
```
[extensions]
hgext.convert=
```
Subversion的swig-python绑定。请确保您有最近的Subversion安装（1.5或1.6）。绝大部分的Subversion衍生版本都有与python的绑定，或者提供他们额外的二进制包。你可以运行如下代码检查你的svn – python的绑定是否正常：
```
$ python -c "import svn.core; print svn.core.SVN_VER_MINOR"
        5
```
如果失败，或返回的版本低于5，则肯定是不对的。如果你没有二进制软件包，你可以从Subversion自己的源代码树中建立：
```
$ svn checkout http://svn.collab.net/repos/svn/tags/1.6.0 svn
$ cd svn
$ ./autogen.sh && ./configure
$ make
$ sudo make install
$ make swig-py  # make sure you have swig 1.3 installed already
$ make check-swig-py
$ sudo make install-swig-py
```
如果你在Ubuntu的Hardy版本，你可以在hardy-backports里找到1.5版的python-subversion: http://packages.ubuntu.com/hardy-backports/python-subversion
这可能还需要安装backports里的libsvn1, subversion, mercurial-common, 和mercurial 包。

开始转换
现在我们开始转换– branches(分支), tags(标签)以及其他全部:

$ mkdir hg-client
$ hg convert http://projectname.googlecode.com/svn hg-client

一旦完成转换，你就可以push你最新的历史记录到你的Google Code项目中(前提是你有了一个空的Mercurial版本库):

$ cd hg-client
$ hg push https://projectname.googlecode.com/hg

至此，大功告成。

本文地址:http://leeiio.me/googlecode-converting-svn-to-hg/

截至您的阅读器抓取时已有评论 2 条,欢迎您也过来留下您的意见 !

©Copyright 2007-2009 Leeiio Chaos Made http://Leeiio.me
本站更換RSS地址：http://feed.leeiio.me，麻煩大家更新下，謝謝！

声明: 本站遵循署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 Leeiio.me

在 Bluehost 主机上安装 Subversion(SVN),支持 64 位主机 (9)

在Vim里玩Zen Coding

Leeiio — Mon, 08 Mar 2010 13:21:53 +0800

Zen Coding确实是一个很不错的快速写代码的方式，自@zen_coding发布以来，受到了不少前端人士的追捧和青睐。试想只要输入div#content>h1+p即可得到<div id="content"><h1></h1><p></p></div>这么一段代码，无疑减少了很多次对键盘的敲击，省力省键盘。你想更多的了解Zen Coding可以戳此查看更详细的介绍。

Vim之前我有做过简单的介绍，与其说介绍，不如说是简单的折腾。而Zen Coding的官方项目地址Google Code上还木有Zen Coding的vim插件，倒是在VIM的主页上找到了VIM 的 Zen Coding 插件ZenCoding.vim。如果想跟进这个插件的版本的话，可以Github上找到这个VIM插件的的最新情况http://github.com/mattn/zencoding-vim。

ZenCoding.vim插件提供的默认展开代码的快捷键是,也就是Ctrl + y and Comma。例如输入html:5_(_为光标的位置)，然后输入“<c-y>,”，就会展开成

<!DOCTYPE HTML> 
 <html lang="en"> 
<head> 
    <title></title> 
    <meta charset="UTF-8"> 
</head> 
<body> 
      _ 
</body> 
</html>

输入div#foo$*2>div.bar，然后输入“<c-y>,”就会展开成

<div id="foo1"> 
   <div class="bar">_</div> 
</div> 
<div id="foo2"> 
    <div class="bar"></div> 
</div>

当然，你也可以根据自己的习惯设置展开代码的快捷键，你可以通过在你的vimrc配置文件里写入以下配置来覆盖zencoding.vim插件的默认设置。

let g:user_zen_settings = { 
  \  'indentation' : '  ', 
  \  'perl' : { 
  \    'aliases' : { 
  \      'req' : 'require ' 
  \    }, 
  \    'snippets' : { 
  \      'use' : "use strict\nuse warnings\n\n", 
  \      'warn' : "warn \"|\";", 
  \    } 
  \  } 
  \} 
 
  let g:user_zen_expandabbr_key = '<c-e>'    "设置为ctrl+e展开
 
  let g:use_zen_complete_tag = 1

截图中的例子：
如果你在这段文本外面包裹这段缩写div#header>ul#navigation>li.item$*>a>span:

About Us
Products
News
Blog
Contact Up

你将会得到以下结果：

<div id="header">
	<ul id="navigation">
		<li class="item1"><a href=""><span>About Us</span></a></li>
		<li class="item2"><a href=""><span>Products</span></a></li>
		<li class="item3"><a href=""><span>News</span></a></li>
		<li class="item4"><a href=""><span>Blog</span></a></li>
		<li class="item5"><a href=""><span>Contact Up</span></a></li>
	</ul>
</div>

目前就目前我对zencoding.vim 0.27版的测试来说，选中文字用div#header>ul#navigation>li.item$*>a>span包括的时候出现了文本内容插入到错误的位置的问题，提交bug给作者了。
2010/03/08 22:11 更新：作者回复说修复了。在0.28版本中增加了更多的快捷键操作，所以下面的自定义快捷键配置无法生效了。可前往http://github.com/mattn/zencoding-vim获取最新版本。
2010/03/09 20:05 更新：经过和作者的探讨，原来的快捷键已经改为，不会和撤销冲突，另外上条更新所说的自定义快捷键重新可用了。

zencoding.vim更新十分频繁，大家可以关注下。
VIM官方插件地址：ZenCoding.vim
zencoding.vim在Github的地址：http://github.com/mattn/zencoding-vim
Zen Coding官方地址：http://code.google.com/p/zen-coding/
Zen Coding官方提供的速查手册(PDF)：http://zen-coding.googlecode.com/files/ZenCodingCheatSheet.pdf

本文地址:http://leeiio.me/zen-coding-in-vim/

截至您的阅读器抓取时已有评论 18 条,欢迎您也过来留下您的意见 !

©Copyright 2007-2009 Leeiio Chaos Made http://Leeiio.me
本站更換RSS地址：http://feed.leeiio.me，麻煩大家更新下，謝謝！

声明: 本站遵循署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 Leeiio.me

Vim 新手上路 (55)

Over the rainbow what a wonder

Leeiio — Sat, 06 Mar 2010 14:07:16 +0800

有时候，心情就跟这几天的天气一样，湿嗒嗒软绵绵的，沮丧到抬不起头。
都说一年之计在于春，我在考虑换个工作环境。

somewhere over the rainbow way up high
and the dreams that you dream of once in a lullaby
somewhere over the rainbow bluebirds fly
and the dreams that you dream of, dreams really do come true
someday i’ll wish upon a star, wake up where the clouds are far behind me
where trouble melts like lemon drops
high above the chimney tops, that’s where you’ll find me
somewhere over the rainbow bluebirds fly
and the dreams that you dare to, oh why, oh why can’t i?
well i see trees of green and red roses too,
i’ll watch them bloom for me and you
and i think to myself, what a wonderful world

well i see skies of blue and clouds of white and the brightness of day
i like the dark and i think to myself, what a wonderful world
the colors of the rainbow so pretty in the sky are also on the faces of people
passing by
i see friends shaking hands saying,
how do you do?
they’re really saying, i i love you
i hear babies cry and i watch them grow,
they’ll learn much more than we’ll know
and i think to myself, what a wonderful world

someday i’ll wish upon a star, wake up where the clouds are far behind me
where trouble melts like lemon drops
high above the chimney tops, that’s where you’ll find me
somewhere over the rainbow way up high
and the dreams that you dare to, oh why, oh why can’t i?

本文地址:http://leeiio.me/over-the-rainbow-what-a-wonder/

截至您的阅读器抓取时已有评论 13 条,欢迎您也过来留下您的意见 !

©Copyright 2007-2009 Leeiio Chaos Made http://Leeiio.me
本站更換RSS地址：http://feed.leeiio.me，麻煩大家更新下，謝謝！

声明: 本站遵循署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 Leeiio.me

喵嗚 (22)
下雨天了怎麼辦 (14)

Vim 新手上路

Leeiio — Wed, 24 Feb 2010 21:37:33 +0800

之前一直用的文本编辑器事Notepad++，IDE是Aptana，前者轻便实用，后者十分强大，搭配使用更是没话说。当然还有很多强大的诸如IDEA等等。Vim这个强大的编辑器想不知道都难，可是一直没去尝试使用，总觉得配置好Vim是一件很复杂的事情，今天终于按捺不住那份渴望，尝试了一下，终于无法自拔。

虽然我很out了，但是我想还是有很多Vim初学者徘徊在门外，抱着窥一窥的态度。我也就作为一个菜鸟，谈谈我的上路之旅吧。

1.Vim安装

官网http://www.vim.org/download.php处下载适合的版本即可，因为我的公司工作平台是Win XP，所以我下的是GUI executable版本图形化界面的版本gvim72.zip。

2.多语言乱码问题

安装好之后，我想第一要解决的问题是编码问题。和所有的流行文本编辑器一样，Vim 可以很好的编辑各种字符编码的文件，这当然包括 UCS-2、UTF-8 等流行的 Unicode 编码方式。然而不幸的是，和很多来自 Linux 世界的软件一样，这需要你自己动手设置。一般的，vim打开中文文件时会出现乱码，原因比较复杂，这里不罗嗦了。就说说我的配置吧。Vim的配置问题存在于安装路径的根目录，比如我安装在D:\Program Files\Vim，_vimrc文件就是它的配置文件，以下所描述的配置信息皆写到这个文件里。

"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
" => 配置多语言环境
"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
if has("multi_byte")
    set encoding=utf-8
    set termencoding=utf-8
    set formatoptions+=mM
    set fencs=utf-8,gbk
 
    if v:lang =~? '^\(zh\)\|\(ja\)\|\(ko\)'
        set ambiwidth=double
    endif
 
    if has("win32")
	"处理菜单及右键菜单乱码
        source $VIMRUNTIME/delmenu.vim
        source $VIMRUNTIME/menu.vim
        source $VIMRUNTIME/mswin.vim
        behave mswin
        language messages zh_CN.utf-8 "处理consle输出乱码
    endif
else
    echoerr "Sorry, this version of (g)vim was not compiled with +multi_byte"
endif

Vim配置文件里面半角的”是注释。多语言环境编码的配置取自明城的Vim的配置。

3.字体的设置

写代码，好看的字体很重要。不管是什么，好看的东西都很重要。好看，能带给人愉悦感，写代码也不例外。我用的是大名鼎鼎的Yahei Consolas Hybrid修改字体，中文字体是雅黑，代码字体么自然是Consolas。 Consolas字体原本是微软为 Visual Studio 2005和2008用户提供的，原版只是单独的英文字体，不含中文。因此在中文环境下显示会是“宋体”+Consolas 的组合，难看至极。而这个修改版替换了雅黑作为中文字体，美观度自然是宋体有所提高，当然也是因人而异。要下载字体可以戳这里下载。
然后在配置里加入以下代码来指定字体

set guifont=YaHei_Consolas_Hybrid:h12:cANSI "h12表示的是字号大小

3.配色方案

在用notepad++的时候，我一直最中意monokai这个配色，在Vim下叫molokai，这是一款很知名的配色，至少我很喜欢，就是最顶端的那个截图里的配色啦。这款配色同样可以戳这里获得。
然后你可以在配置里写入以下代码来指定你的界面为该配色

colorscheme molokai

4.一些插件和扩展

也许你同样注意到了截图中的那些花花绿绿背景色的东西，这个叫CSS color preview的扩展可以使css里面的那些颜色具体化也就是表现出来，十分直观。继续戳这里下载。
而代码提示插件用的是AutoComplPop，还在使用DW或者aptana等一些工具的朋友们肯定对代码弹出提示情有独钟，这款插件的功能可以说是有过之而无不及啊，当然如果你不喜欢这种自动的代码提示的话可以不用装。需要的朋友还是戳这里下载。

Vim的强大之处当然不止本文说的这么些皮毛，丰富的扩展插件让其光芒不减。我还涉谷未深，这种新上上路的文章希望能给每个想加入Vim阵营的朋友们以帮助。今后会有更多的关于Vim的分享。欢迎收看！

本文地址:http://leeiio.me/vim-novice/

截至您的阅读器抓取时已有评论 55 条,大家讨论的如此激烈,你为什么不过去瞧瞧?!

©Copyright 2007-2009 Leeiio Chaos Made http://Leeiio.me
本站更換RSS地址：http://feed.leeiio.me，麻煩大家更新下，謝謝！

声明: 本站遵循署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 Leeiio.me

在Vim里玩Zen Coding (18)

pushme.to 给我push信息吧！

Leeiio — Mon, 08 Feb 2010 20:27:15 +0800

不同于另一款大名鼎鼎的Ping!是，本文介绍的pushme.to支持的更多，可以在WEB端给iPhone/iTouch 发送push信息，当然你也可以为你的博客增加一个widget来发送push信息到你的iPhone/iTouch。

那么什么是pushme.to？pushme.to是一个利用 iPhone/iTouch Push Notification 系统进行消息传递的工具，简单，却实用。而你所要做的就是打开你的 iPhone/iTouch 的 Push Notification 功能即可。

同时你也可以生成一个widget来实现让用户快速给你push信息的操作，并且还有wordpress 插件！

目前售价$0.99，我当时是限时免费的时候购买的。iPhone/iTouch适用。

你可以点击这里给我发送一条push信息。

本文地址:http://leeiio.me/pushme-to/

截至您的阅读器抓取时已有评论 15 条,欢迎您也过来留下您的意见 !

©Copyright 2007-2009 Leeiio Chaos Made http://Leeiio.me
本站更換RSS地址：http://feed.leeiio.me，麻煩大家更新下，謝謝！

声明: 本站遵循署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 Leeiio.me

年度曖昧文章

全世界最短的 JavaScript 判定 IE 浏览器！这个可以短！

Leeiio — Sun, 31 Jan 2010 01:50:17 +0800

有些东西你想让它长它并不一定就会如愿，但是有一些东西你想让它短也并不一定就会如愿，这两者都要看你的本事。对于我等IT民工来说，自然是代码写得越短越好。

你知道，IE是个脑残儿浏览器，不管是什么版本，纵使版本号越来越大，可总是让人觉得这玩意儿跟标准老是扯不上暧昧。可是，你知道，只要世上还有 windows 操作系统，IE就永生不灭，阿门。对于代码工作者来说，自然是苦不堪言，为了考虑IE的兼容问题，不管是写 CSS 还是 JS，往往都要对 IE 特别对待，这就少不了做些判断。本文不讨论如何区分 IE 的样式，仅是 JS 判定 IE 浏览器。

这个目前世界上最短的 Javascript 判定 IE 浏览器的方法来自一个俄人,又是俄人！它已经在各版本的 IE 以及目前其他流行的浏览器上经过测试，基于 IE 的 Bug，微软虽然已经意识到，但是从来没有纠正过。

<script type='text/javascript'>
var ie = !-[1,];
alert(ie);
</script>

以上代码运行结果：IE 下返回true，其他标准浏览器返回false。!-[1,]，仅仅只有 6 bytes！

不过如果反过来判断，标准浏览器返回 true 而 IE 返回 false的话，则可以再缩短一个byte。

<script type='text/javascript'>
notIe = -[1,];
 
if(-[1,]){
// 标准浏览器代码
}else{
// IE Only的代码
}
</script>

看完了这些，你们是不是很好奇这些是怎么运行的？请继续看下文。

这个 Bug 产生的原因是 IE 会添加一个空数组元素到数组元素的总数里。

[1,]. Length

标准浏览器会返回 1 (基于标准的 ECMAscript ，在数组最后的逗号”,”会被忽略，这是为了方便在一列里显示以及自动生成等)，但是 IE 会返回 2。当你打印这个数组的时候 IE 将会返回 “1, “，也就是两个元素，而其他标准浏览器将会返回 “1″。

这很容易验证，比如在 IE 和 FF中运行以下代码：

<script type='text/javascript'>
alert([,]==',');
//这是8个字符判定IE
</script>

[1,]实际上浏览器的操作是toString()转换成字符串的操作，-[1,]是将字符串强制转换为数字。而 IE 将会返回 NaN，但是遗憾的是 NaN 并不是一个数字，因为[1,]转换成字符串后的”1,”里面带有逗号。而其他标准浏览器会返回 -1，这是一个非 0 的数字。

你知道，NaN 转换成 Boolean 型将返回 false，所以-[1,]在 IE 下将返回 false。而任何非 0 的数字转换成 Boolean 型(例如-1)，在标准浏览器下都将返回 true。所以我们得到了一个判定结果，!-[1,]在 IE 下返回true，而在其他标准浏览器下返回 false。也就达到了区分判定 IE 浏览器的目的。

当然，如前文所说，这个 Bug 其实微软很早就已经知道，但是却一直没有去修复它，所以在未来的 > IE8 的 IE 浏览器也就不确定是否依旧可以，不过基本上这么多代的 IE 都没有修复，未来的 IE 也不太会去修复的样子。

以下是其他的一些区分判定 IE 浏览器的代码，也可以参考下:

<script type='text/javascript'>
// Option from Dean Edwards:
var ie = /*@cc_on!@*/false;
 
// Use the commented line:
var ie//@cc_on=1;
 
// Variation (shorter variable):
var ie = '\v'=='v';
 
/ / Option to Gareth Hayes (former record-holder):
var ie = !+"\v1";
</ script>

参考文章：
Самое короткое определение IE
32 bytes, ehr … 9, ehr … 7!!! to know if your browser is IE

本文地址:http://leeiio.me/ie_detection_in_5_bytes/

截至您的阅读器抓取时已有评论 37 条,大家讨论的如此激烈,你为什么不过去瞧瞧?!

©Copyright 2007-2009 Leeiio Chaos Made http://Leeiio.me
本站更換RSS地址：http://feed.leeiio.me，麻煩大家更新下，謝謝！

声明: 本站遵循署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 Leeiio.me

年度曖昧文章

jQuery 1.4 发布，一些更新和改进，性能大幅度提升！

Leeiio — Thu, 21 Jan 2010 12:02:38 +0800

jQuery 1.4 发布也有好几天了，api 有所增加也有所更新，总体来说，性能也有大幅度的提升。jQuery 是我接触的第一个 javascript 类库，快速上手是他的特色之一。另外更重要的一点或者说之所以容易上手并且让用户产生渐进的学习兴趣是因为他的API 设计。如射雕文中所说，“从纯功能上说，jQuery 并没有特别出色的地方。但从可记忆性和灵活性上讲，我觉得 jQuery 的设计都更人性化。jQuery 的 API 还符合学习上的渐进式思维：先学会最简单的情况el.css(prop), 再了解到还可以有两个参数，接着发现参数可以是 map, 更进一步发现 val 还可以是一个函数。func 参数甚至能带给学习者一种惊喜：居然还可以这样用！jQuery 把一种渐进和愉悦带进了学习和使用的过程中，实在漂亮！”

2010年1月14号, 恰逢jQuery四周年纪念日, jQuery的团队早早便开始了1.4版发布的准备工作, 并以每天一则公告的方式进行庆祝, 活动将持续14天。发布的首日, jQuery的团队首先列出了1.4版中的重大改进。这篇文档是这几天以来内容比较充实的一篇文档。所以我转载了coolnalu的翻译, 方便大家了解都有哪些更新和改进以及性能的提升。

翻译正文如下：

为了庆祝jQuery的四周岁生日, jQuery的团队荣幸的发布了jQuery Javascript库的最新主要版本! 这个版本包含了大量的编程，测试，和记录文档的工作，我们为此感到很骄傲。

我要以个人的名义感谢 Brandon Aaron, Ben Alman, Louis-Rémi Babe, Ariel Flesler, Paul Irish, Robert Katić, Yehuda Katz, Dave Methvin, Justin Meyer, Karl Swedberg, and Aaron Quint。谢谢他们在修复BUG和完成这次发布上所做的工作。

下载(Downloading)

按照惯例，我们提供了两份jQuery的拷贝，一份是最小化的(我们现在采用Google Closure作为默认的压缩工具了)，一份是未压缩的(供纠错或阅读)。

jQuery压缩 (23kb Gzipped)
jQuery常规 (154kb)

另外，Google也在他们的服务器上放置了一份jQuery的拷贝。这份拷贝会自动的最小化然后压缩 – 并且放在Google最快的缓存服务器上。

http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js

你可以在你的站点上直接引用上面的URL，这样就可以享受迅速加载jQuery的性能优势了。

就jQuery1.4来说，我们努力的减少大规模升级中的麻烦 – 通过保持所有public函数的签名。即使如此，还请通读可能会造成问题的变更列表，这样能够了解哪些变更可能会给你的应用造成问题。

(功能) Features

下面的内容概括了jQuery1.4里加入的变更和功能。另外所有的变更都已经在jQuery 1.4 的文档里记录了。

更易用的设置函数 (Easy Setter Functions)

算来已经有一阵了，你们已经可以给.attr()传递一个函数，然后这个函数的结果会被用来赋给相应的HTML属性(attribute)上。这个功能现在被移植到所有的设置函数了: .css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), .before(), .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), 以及 .toggleClass().

另外, 对于下面几个方法，当前的值会被作为第2个变量传递给这个函数。.css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), .offset(), .addClass(), .removeClass(), 以及 .toggleClass().

这样代码就可以这样写:

// 找出所有A标签里的'&'字符，然后用一个span标签包围
$('a').html(function(i,html){
  return html.replace(/&/gi,'&');
});

// 给一些链接的title属性加些信息
$('a[target]').attr("title", function(i,title){
  return title + " (新窗口打开)";
});

Ajax

嵌套参数的序列化 (jQuery.param() 文档, Commit 1, Commit 2)

jQuery 1.4在jQuery.param方法里加入了嵌入参数序列化的支持，借用了PHP编程里兴起的，而后又被Ruby on Rails推广开来的方式。
举例来说，
{foo: ["bar", "baz"]} 会被序列化为 “foo[]=bar&foo[]=baz”.

在jQuery 1.3版里, {foo: ["bar", "baz"]} 曾被序列化为 “foo=bar&foo=baz”. 但是，这样做没用办法将只含有一个元素的阵列编码。如果你需要旧的序列化方式，你可以设置传统Ajax设置来进行切换。(使用jQuery.ajaxSettings.traditional进行全局切换，或者根据情况单独切换。

总共有3种方式可以切换到旧的序列化方式:

// 全局改变序列化方式 (使用旧的)
jQuery.ajaxSettings.traditional = true;

// 指定情况使用旧的序列化方式
jQuery.param( stuff, true );

// 针对一个单独的Ajax请求使用旧的序列化方式
$.ajax({ data: stuff, traditional: true });

更多信息参见: jQuery.param() 文档, jQuery.ajax() 文档, Commit, Code

JSON和脚本类型通过”content-type”自动识别。 (jQuery.ajax 文档, Commit 1, Commit 2)

如果一个Ajax请求的回复的媒体类型是JSON(application/json), dataType默认设为”json”(如果dataType没有被指明)。另外，如果回复的媒体类型是Javascript(application/javascript), dataType默认设为”script”(同样，如果dataType没有明确指明), 这种情况下，脚本会自动运行。

加入了Etag的支持 (jQuery.ajax() 文档, Commit)

默认设置下, jQuery会忽略Ajax请求的”Last-Modified”页头。这样做是为了忽略浏览器的缓存。设置ifModified:true就可以使jQuery使用可用的缓存。jQuery1.4还会发出”If-None-Match”的页头如果你设置了ifModified选项。

严格JSON模式，本地的JSON.parse方法 (jQuery.ajax() 文档, Commit 1, Commit 2, Commit 3)

jQuery 1.3和以前的版本曾使用Javascript的eval对引入的JSON解析。1.4版则会使用本地的JSON解析器，前提是如果有本地的解析器可用。它也会对引入的JSON进行校验。所以在jQuery.getJSON方法里，或当一个Ajax请求的dataType是”json”的时候，jQuery会拒绝不合标准的JSON(例如{foo: "bar"})。

序列化HTML5的元素 (jQuery.param() 文档, Commit)

新的HTML5输入方法 (比如’datetime’和’range’)在序列化.serialize()一个表单的时候会被包括在内。

Ajax请求的环境 (jQuery.ajax() 文档, Commit)

你可以附加一个”环境”到Ajax请求上，所有的回调函数里都会拥有同样的”环境”设置(这样可以简化你的代码，尽可能避免使用闭合,或是其他对象)。

jQuery.ajax({
    url: "test.html",
    context: document.body,
    success: function(){
        jQuery(this).addClass("done");
    }
});

请求成功回调函数的第三个参数会被设为原始的XHR对象 (jQuery.ajax() 文档, Commit)

所有的Ajax请求的成功回调函数现在都会收到原始的XMLHttpRequest对象，作为第三个参数。之前这个XHR对象只能通过$.ajax一类方法的返回值来获取。

明确设置”Content-Type” (jQuery.ajax() 文档, Commit)

在1.3版，如果没有实际数据发送，jQuery.ajax的contentType会被忽略。1.4版里，contentType将总是和请求一同发送。这修复了某些后台凭靠”Content-Type”页头判断回复类别所造成的问题。

明确设置JSONP回调函数的名字 (jQuery.ajax 文档, Commit)

你可以使用jQuery.ajax()方法的jsonpCallback选项，通过名字来指定JSONP的回调函数。

防止启动前跨域XHR (Commit)

跨域Ajax(针对提供支持的浏览器)将更易用，因为默认设置下，启动前XHR被阻止了。(TODO)

jQuery.ajax()现在使用”onreadystatechange”事件替换了计时器 (Commit)

使用”onreadystatechange”替换了轮流探询，Ajax请求现在将使用更少的资源

元素属性 (Attributes)

.css()和.attr() 的性能被优化了。

.attr()方法多了一个设置函数作为参数 (.attr() 文档)

你不但可以将一个函数用在.attr()里，还可以在这个函数里使用属性的当前值。

jQuery('<img src="enter.png" alt="enter your name" />')
.attr("alt", function(index, value) {
    return "Please, " + value;
});

.val( Function ) (.val() 文档)

<input class="food" type='text' data-index="0" />
<input class="food" type='text' data-index="1" />

jQuery("input:text.food").hide();

jQuery("<ul class='sortable'><li>Peanut Butter</li><li>Jelly</li></ul>"

)
  .sortable()
  .bind("endsort", function() {
    $(":text.food").val(function() {
      return $("ul.sortable li:eq(" + $(this).attr("data-index")  + ")").text();
    });
  });

text和CDATAHTML元素也支持.text()方法了 (.text() 文档, Commit)

核心 (Core)

快捷元素创建 (jQuery() 文档, Commit)

现在当你需要使用jQuery函数创建一个元素的时候，你可以同时附递一个对象来指定属性值和事件:

jQuery("
", {
    id: "foo",
    css: {
        height: "50px",
        width: "50px",
        color: "blue",
        backgroundColor: "#ccc"
    },
    click: function() {
       $(this).css("backgroundColor", "red");
    }
}).appendTo("body");

对象里的键值的名字与相关的jQuery的方法的名字是对应的，对象的值会被作为参数传递给jQuery的方法。

(译注:譬如$("<a>link</a>", {css:{background:"#ccc"}});相当于$("<a>link</a>")).css("background", "#ccc");

.eq(-N), .get(-N) (负指数) (.eq() 文档, .get() 文档, Commit)

你现在可以在.get()和.eq()方法里使用负数。譬如，你要选择倒数第2个div元素，或者是倒数第2个DOM对象:

$("div").eq(-2);
$("div").get(-2);

新的.first()和.last()方法 (.first() 文档, .last() 文档, Commit)

方便起见, 新增的.first()和.last()方法等同于.eq(0)和.eq(-1).

新的.toArray()方法 (.toArray() 文档, Commit)

.get()方法自始就是从jQuery集合里返回一个阵列。为了能够更明确, 你可以用.toArray()来达到一样的效果。(译注:这里应该是为了以后的版本留出空间，譬如以后可能会加入.toList()方法，到时候就会易于区分。) 不过，和.get()不一样的是，.toArray()不接受参数。

jQuery()返回一个空集 (jQuery() 文档, Commit)

在jQuery 1.3中,jQuery()方法返回仅包括document的jQuery集合。这个可以用来创建一个空集，然后动态加入一些元素。注: jQuery().ready()方式在1.4中依然有效，但是被指示陈旧了。请使用jQuery(document).ready()或者jQuery(function(){})。

jQuery(“TAG”) (Element Selector 文档, Commit)

当使用单个标签名字的时候jQuery会使用更快捷的路径。

jQuery(“<div>”), jQuery(“<div/>”) 和 jQuery(“<div></div>”) (jQuery() 文档, Commit)

现在这三个方法都使用同一个代码路径了(document.createElement), 来优化jQuery("<div></div>")的性能。注意，如果你指定了属性，将会使用浏览器本身的语法分析(通过设置innerHTML)。

样式 (CSS)

.css()方法在性能是以前的2倍。

.addClass(), .removeClass(), 和 .hasClass()这几个方法在性能上是以前的3倍

.toggleClass()可以切换多个css类了 (.toggleClass() 文档, Commit)

你可以通过.toggleClass()调用多个css类的名字来切换他们。

$("div").toggleClass("current active");

数据

.data()返回对象, .data(Object)设置对象 (.data() 文档, Commit 1, Commit 2)

有时候你可能需要在一个元素上附加一个复杂的对象。一个常见的例子是你需要从一个元素身上复制所有的数据到令一个元素上。在jQuery 1.4里, 不使用任何参数调用.data()时，.data会返回一个复杂对象。(译注: 包含所有键-值对的对象。) 调用.data(Object) 则会设置这个对象。注意这个对象还包括了元素上绑定的事件，所以用的时候要小心。

除非需要, 不然不会创建数据缓存。 (Commit 1, Commit 2, Commit 3)

jQuery使用一个独特的自定义属性来获取特定元素上附加的数据。当查找数据，但是没有新加的数据的时候，jQuery会尽量避免创建这个自定义属性。这样可能会提高性能，同时还会在这种情况下避免污染DOM。

效果 (Effects)

单个属性缓进缓出 (Per-property Easing 文档, Commit)

除了能够给一个动态效果指定缓进出函数外，你现在可以指定每个属性的缓进出函数了。James Padolsey的blog上有更进一步的信息和演示。

$("#clickme").click(function() {
  $("div").animate({
    width: ["+=200px", "swing"],
    height: ["+=50px", "linear"],
  }, 2000, function() {
      $(this).after("<div>Animation complete.</div>");
  });
});

事件 (Events)

新方法: jQuery.proxy() (jQuery.proxy() Documenation, Commit 1, Commit 2)

如果你需要保证一个函数内的”this”恒定地保持某个值, 你可以用jQuery.proxy获得一个相同作用域的函数。

var obj = {
  name: "John",
  test: function() {
    alert( this.name );
    $("#test").unbind("click", obj.test);
  }
};

$("#test").click( jQuery.proxy( obj, "test" ) );

多个事件绑定 (.bind() 文档)

你可以通过递入一个对象来一次性绑定元素的多个事件。

$("div.test").bind({
  click: function(){
    $(this).addClass("active");
  },
  mouseenter: function(){
    $(this).addClass("inside");
  },
  mouseleave: function(){
    $(this).removeClass("inside");
  }
});

‘change’和’submit’事件规范化 (Change 文档, Submit 文档)

普通的或是即时的change和submit事件可以在各种浏览器上稳定工作了。我们覆盖了IE里的change和submit, 替换为与其他浏览器相同的事件。

新的事件: ‘focusin’ and ‘focusout’ (.focusin() 文档, .focusout() 文档, Commit)

focusin和focusout在一般情况下等同于focus和blur, 但是多了向父元素传递的作用。如果你自己编写你的事件代理模式(TODO), 这个功能将对你有很大帮助。请注意对focus和blur使用live()方法将不会起作用; 在设计的时候我们根据 DOM事件规范决定不使其向父元素传递事件。

$("form").focusout(function(event) {
    var tgt = event.target;
    if (tgt.nodeName == "INPUT" && !tgt.value) {
        $(tgt).after("nothing here");
    }
});

所有的事件都可以成为即时事件 (.live() 文档)

除了ready, focus (用focusin), 和 blur (用focusout)以外, 所有能用.bind()绑定的事件都可以成为即时事件。

在live()所支持的事件里，我们对能够支持下面这几个额外的事件感到尤其骄傲。通过.live()里的事件代理, 1.4版实现了对change, submit, focusin, focusout, mouseenter, 以及mouseleave事件的跨浏览器支持。

注: 如果你需要即时的focus事件，你应该用focusin和focusout, 而不要用focus和blur, 因为就像前面提到的, focus和blur不向上传递。

还有, live()也接受数据对象作为参数了, 同bind()方法一样 (Commit)

live/die也支持环境变量了 (Commit)

现在可以在绑定事件的时候给选择符指定一个环境。如果环境被指定了, 只有属于这个环境下的元素才会被绑定事件。在创建即时事件的时候, 元素本身不需要已经被定义, 但是环境必须被创建。

确定ready事件至少含有body元素 (Commit)

jQuery现在会检查body是不是存在，如果不存在，会对body进行轮流探询。

在不需要手动处理内存溢出的非IE浏览器中, 卸载的速度提高了。 (Commit)

DOM操作 (Manipulation)

在jQuery 1.4里一系列的DOM操作方法的性能都有巨大的提升。

.append(), .prepend(), .before(), and .after()的性能提高了。

.html()的性能提高到以前的3倍。

.remove()和.empty()的速度则达到以前的4倍.

新方法: .detach() (.detach() 文档, Commit)

detach()将一个元素从DOM里移除, 但是并不卸载关联的事件处理函数。这个方法可用于暂时性的将一个元素移除，执行相关操作，然后返回。

var foo = $("#foo").click(function() {
    // 相关操作
});
foo.detach();
// foo保留了相关处理函数
foo.appendTo("body");

新的unwrap()方法 (documentation, commit)

unwrap()方法拿到一个已知的父元素的子元素，然后将父元素用子元素替换。(译注: 将子元素从”包裹”里拿出来, 因名unwrap)。如此这般:

<body>
    <div>
        <p>annie</p> <p>davey</p> <p>stevie</p>
    </div>
</body>

$('div').unwrap();

<body>
   <p>annie</p> <p>davey</p> <p>stevie</p>
</body>

domManip方法里的缓存 (commit)

jQuery会将jQuery("<div>")和.after("<div>")一类方法创建的节点记入缓存。这样, 对于利用这些方法, 使用字符串进行DOM操作的页面，性能将有极大的提高。

无连接的节点间的before, after, replaceWith操作 (commit)

现在你可以对还没有放置到DOM Tree上的节点进行before, after, 和replaceWith的操作了。意味着你可以先对节点进行复杂的操作, 待完成后再放到合适的DOM位置上。这样也能尽量避免操作过程中造成重新排版。

jQuery("<div>").before("<p>Hello</p>").appendTo("body")

.clone(true) 也会复制关联数据 (clone 文档, commit)

1.3版中, .clone(true)虽然也是深度复制, 但是没有复制关联的数据。1.4版里，它则会复制数据, 同时还包括所有的事件。这点上和jQuery.extend在语义想同的, 所以普通对象和阵列会被复制, 但是自定义的对象则不会。

位移 (Offset)

.offset( coords | Function ) (.offset() 文档, commit)

现在可以设置元素的位移了! 和所有的设置函数一样, offset也可以接受一个函数作为第二个参数。

队列 (Queueing)

队列经历了一次大修, 使用队列会比使用默认的fx更易掌握。

新的 .delay() 方法 (.delay() 文档, commit)

.delay()方法会根据参数滞后若干毫秒执行队列里剩下的对象。默认的它会使用”fx”队列。但你可以选择性的通过delay方法的第二个参数选择其他队列。(译注:每个队列都以一个名字识别。)

$("div").fadeIn().delay(4000).fadeOut();

队列里的next (.queue() 文档, commit)

jQuery 1.4版里, 当队列里的一个函数被调用的时候，第一个参数会被设为另一个函数。当后者被调用的时候, 会自动排除队列里的下一个对象, 以此来推动队列到下一步。

jQuery("div").queue("ajax", function(next) {
  var self = this;
  jQuery.getJSON("/update", function(json) {
    $(self).html(json.text);
    next();
  };
}).queue("ajax", function() {
  $(this).fadeIn();
});

.clearQueue() (clearQueue 文档, commit)

队列可以被清空了。这个方法会移除队列里所有未执行的函数, 但不会移除正在运行的函数。无参数的情况下调用.clearQueue()方法将会清空默认的”fx”队列。

选择符 (Selectors)

“#id p”效率更高 (commit)

所有以ID开头的选择符都得到了优化, 能够在瞬间得到返回值。所有以ID为开头的选择符速度将一直快于其他选择符。

页面遍访 (Traversing)

.index(), .index(String) (index 文档, commit)

.index() 方法经过重写, 变得更加直观和灵活。

你可以获得一个元素相对于同父元素的指数:

// 计算第一个 <li class="current"> 元素在它所有的同父元素中的指数:
$("li.current").index()

你也可以获得一个元素在一个jQuery元素集合中的指数, 这个集合可以用一个选择符或者是一个DOM元素来指定:

// 计算这个 <h3 id="more-info"> 元素在页面上所有 <h3> 元素里的指数:
$("#more-info").index("h3")

新的.has()方法 (has 文档, commit)

这个方法相当于选择符里的:has()过滤法。它拿到一个jQuery集合,返回含有指定选择符的元素。

新的 .nextUntil(), .prevUntil(), .parentsUntil() 方法 (.nextUntil() 文档, .prevUntil() 文档, .parentsUntil() 文档, commit)

新的”until”方法类似于.nextAll(), .prevAll(), 和.parents()。区别是可以用一个选择符来停止元素探索。

.add(String, Element) (.add() 文档, commit)

可以给.add()方法指定环境了。这个功能可以用于在一个调用链中加入和操作额外元素(比如Ajax请求里返回的新元素)。

.closest(filter, DOMElement) (.closest() 文档, commit)

可以通过closest方法的第2个参数设置一个DOMElement环境。给closest设置一个环境一般能够提高这个方法的运行速度。这个优化也适用live(), 因为这个方法内部调用了closest()。

常用工具 (Utilities)

jQuery.isEmptyObject() (jQuery.isEmptyObject() 文档, commit)

如果对象,em>没有任何属性, 该方法将返回true。jQuery.isEmptyObject()方法不对参数进行任何检查, 所以请保证参数是一个对象。

jQuery.isPlainObject() (jQuery.isPlainObject(), commit )

如果一个对象是通过字符创建的(译注:{}),jQuery.isPlainObject()返回true; 如果对象是其他类别的对象(译注:如new Object())或者是基本类型, 则返回false。

jQuery.contains() (jQuery.contains() 文档, commit)

如果两个参数都是DOM节点，并且第二个节点是嵌套在第一个节点内部的话, jQuery.contains()返回true。反之返回false。

jQuery.noop (jQuery.noop() 文档, commit)

是个空的函数, 可以用在必须要有一个函数的情况下。(译注: noop是No Operation的意思。)

jQuery.unique() (jQuery.unique() 文档)

jQuery 1.4版中, jQuery.unique()方法返回结果里的元素是按照他们在页面里的顺序排序的。由于在创建jQuery集合的时候jQuery使用jQuery.unique()方法, 所以jQuery方法返回的集合也是按照他们在页面里的顺序排列的。

其他 (Miscellaneous)

jQuery.browser以浏览器引擎为中心 (jQuery.browser 文档, commit)

例如, 你可以通过jQuery.browser.webkit探测引擎是否是Webkit。

改进了对applets的处理 (commit 1, commit 2)

jQuery不再试图在Java applets上绑定事件或是数据了(绑定事件或是数据会出现错误)。

不再使用arguments.callee (commit)

为了顺应Caja的要求, 同时也因为即将开始应用的ECMAScript 5规范里将其标记为陈旧, 我们将jQuery核心中所有用到arguments.callee的代码都移除了。

用Closure Compiler替换了YUI Min (commit)

内部重组 (Internal Reorganization)

在1.4版的开发过程中的一个重点是要建立一个更易读, 更易懂的代码库。为了达到这个目标我们树立了一系列编写代码规范的向导。

下面是一些主要的变化:

旧的’core.js’文件被分成了’attribute.js’, ‘css.js’, ‘data.js’, ‘manipulation.js’, ‘traversing.js’, and ‘queue.js’.
ready事件被移入了’core.js’ (因为它是jQuery的一个基本组成之一)。
大部分核心代码都符合新的代码规范.
css和属性的逻辑被划分开来, 不再如以往相互缠绕。

测试 (Testing)

jQuery 1.4版发布过程中我们修复了207个问题 (比较之下1.3版里有97个修复)。

jQuery 1.4.此外, 测试的数量从jQuery 1.3.2中的1504例升到了1.4中的3060例。

所有测试都在主要浏览器里完全通过了。(Safari 3.2, Safari 4, Firefox 2, Firefox 3, Firefox 3.5, IE 6, IE 7,
IE 8, Opera 10.10, and Chrome)

我们尽量试图减小jQuery 1.4对大规模升级可能造成的麻烦 – 保持所有公开函数的签名不变。即使如此, 请通读下面的列表以保证你对可能对你的应用造成问题的变更。

.add()不再简单的将结果串联到一起, 结果将会被混合到一起, 然后根据他们在页面里的顺序排列。
.clone(true)将复制事件和数据, 而不仅是事件。
jQuery.data(elem) 不再返回id, 取而代之的是元素的对象缓存。
jQuery() (无参数) 不再自动转换成jQuery(document)了。
通过.val(“…”)获得一个option或一个checkbox的值不再有歧义(将总是根据value属性选择, 而不是根据text的值)。(Commit)
jQuery.browser.version现在将返回引擎的版本.
现在起将对引入的JSON更严格, 如果JSON的格式不符将会报错。如果你需要对不符合JSON严格格式的Javascript进行估值, 你必须设置请求的文件类型为纯文本, 然后用eval()来对内容估值。
参数序列化默认会按照PHP/Rails的风格进行。你可以通过jQuery.ajaxSettings.traditional = true;来切换到旧的序列化方式。你也可以针对个别请求进行切换, 在调用jQuery.ajax的时候递入{traditional: true}
内部的jQuery.className被移除了。
jQuery.extend(true, …)不再扩展复杂对象或是阵列。(TODO)
如果一个Ajax请求没有指定dataType, 而返回的数据类型是”text/javascript”, 那么回复将会被执行。之前, 必须明确的指定dataType。
设置Ajax 请求的”ifModified”属性会将ETags纳入考虑。

我们还针对1.4版中可能造成问题的变更编写了一个向后兼容的插件。如果你升级到1.4以后出现问题, 可以在引入1.4版的文件之后引入这个插件。

如何使用这个插件:

<script src="http://code.jquery.com/jquery.js"></script>
<script src="http://code.jquery.com/jquery.compat-1.3.js"></script>

原始数据和测试页面

性能测试中我们使用了下列测试套包:

Attributes
Class
DOM Manipulation
Empty/Remove
Function Call Profiling: 1.3.2 1.4.

结果的原始数据 (所有的数据都是 1.3.2 vs. 1.4):

函数调用的次数
547 3
760 3
500 200
896 399
23909 299
307 118
28955 100
28648 201
1662 593

DOM嵌入
558 317
1079 624
1079 516
1155 829
436 332
196 194
243 169

HTML
116 46
281 78
313 78
234 63
134 43
43 42
91 27

CSS/属性
703 370
1780 1250
1765 1250
1157 749
629 498
346 184
333 161

CSS
114 52
203 93
118 93
109 47
116 54
58 24
54 22

CSS类
553 138
1578 546
1515 501
1033 327
769 298
229 80
173 41

移除/清空
3298 286
9030 2344
7921 1703
5282 1266
2898 303
1166 140
1034 122

原文地址: http://jquery14.com/day-01
译文地址: UXD2
原译者署名:coolnalu

本文地址:http://leeiio.me/jquery-1_4-released/

截至您的阅读器抓取时已有评论 33 条,大家讨论的如此激烈,你为什么不过去瞧瞧?!

声明: 本站遵循署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 Leeiio.me

不要忽视你博客的访客！博客营销小技巧两则，附程序代码。

Leeiio — Mon, 11 Jan 2010 23:45:22 +0800

很多博客都在想方设法地推广自己，当然方法很多，我就不一一列举了。但本文我要说的博客营销方式差不多是很多博客主正在做的并积极奉行的一种方法，那就是在各博客中游走，评论，留下自己的 URL ，然后等待被点击。除了做好 SEO 外，我觉得这确实是一种很实在并且有效的方法。

方法一：批量导出访客的 URL进行回访

正如上文所说，一般访问都会填写自己的 URL，日积月累下来，数据库里肯定存了很多访客的 URLS。并且都在 wordpress 数据库的 wp_comments 数据表里，既然知道自己想要的数据存在数据库的什么位置，要把它们给筛选出来就显得简单多了。看下面的代码。只要复制并修改代码中中文文字提示部分并保存到 .php 的文件里然后放到自己的服务器上打开即可获得全部访客的 URLS。

<?php
$conn = @mysql_connect("Mysql服务器地址，一般都为localhost","数据库用户名","数据库密码") or die("Datebase Could not be connected: " . mysql_error());
mysql_select_db("Mysql数据库名字", $conn);
$result = mysql_query("SELECT DISTINCT comment_author_url , comment_author FROM wp_comments WHERE comment_author_url != '' AND comment_author_url != 'http://'", $conn);  // 排除没有填写 URL 的数据
while($row = mysql_fetch_array($result)) {
echo $row["comment_author"]."   ";
echo "<a target='_blank' href='";
echo $row["comment_author_url"];
echo "'>";
echo $row["comment_author_url"]."<br /><br />";
echo "</a>";
}
mysql_free_result($result); 
 
?>

为了更方便阅读和查看，我另外筛选出了对应的评论者名字，并且给每条 URL 加上了 a 标记以便直接点击查看。当然，如果comment_author_url , comment_author后面再加一条筛选条件变成comment_author_url , comment_author,comment_author_email,然后配合wordpress 的 get_avatar( 邮件地址, ‘头像大小’ )就可以输出更直观的带头像的列表了(这种方法的话得配合wordpress运行不能单独运行，或者载入wordpress的get_avatar函数)。

方法二：批量导出访客的 email，EDM

EDM 可是个外恶的东西，不过我刚入职阿里的时候就是干设计 EDM 的行当。EDM 对于营销者来说是个利器，但是对于收邮件的用户来说无疑是个灾难，这几乎就是垃圾邮件的 “衣冠楚楚” 的一个专有名词的说法。
EDM 就是所谓的邮件营销，在你得知了一大票的用户 email 地址的时候你就可以通过群发邮件来达到营销手段。所以，谨慎使用！
一般大节日诸如即将到来的春节这个特别喜庆的日子你可以群发邮件，一般这时候人们心情比较好，不会怪你的哈=_= ||
当然，最好能有个好的内容设计，能达到更好的效果。
但是，谨慎使用不光是提醒你群发邮件可能会给收邮件人带来厌恶感之外，就是如果退信率过高，也是会被一些邮件提供商给加入 “黑名单”的，以后你发的邮件就有可能出现在别人邮箱的垃圾邮件一栏里了，所以，谨慎使用！

以下是代码，同样，复制并修改代码中中文文字提示部分并另存为.php的网页，在服务器运行访问即可。

<?php
$conn = @mysql_connect("Mysql服务器地址，一般都为localhost","数据库用户名","数据库密码") or die("Datebase Could not be connected: " . mysql_error());
mysql_select_db("Mysql数据库名字", $conn);
$result = mysql_query("SELECT DISTINCT comment_author_email FROM wp_comments WHERE comment_author_email != '' ", $conn);
while($row = mysql_fetch_array($result)) {
echo $row["comment_author_email"].',';
}
mysql_free_result($result); 
 
?>

需要注意的是，请注意保护好你的访客的隐私，所以我不建议你们把导出的email地址们直接复制粘贴到收件人一栏，因为这将直接将你的访客的email地址暴露在其余收到邮件的列表中的用户邮箱中。所以，推荐用密送，也就是 bcc。至于收件人一栏，可以填写自己的email。

名词解释：
CC 英文全称是 Carbon Copy(抄送)；BCC 英文全称是 Blind CarbonCopy(暗抄送/密送)。两者的区别在于在BCC 栏中的收件人可以看到所有的收件人名(TO,CC,自己)，而在 TO 和 CC 栏中的收件人看不到 BBC 的收件人名。
如： A 发送邮件 to B，cc to C，bcc to D
那么：A知道发送给了B，抄送给了C，密送给了D。
B知道这封是A发送给自己的，并且抄送给了C。
C知道这封是A发送给B的，并且抄送给了自己。
D知道这封是A发送给B的，并且抄送给了C，而且密送给了自己。

另外需要注意的是，如果你在安装 wordpress 的时候自己指定了表头，请修改代码中的wp_comments。

这里只是提供了两种针对博客的可行的营销方式，程序很简单，就是简单的 SQL 查询和 php 输出而已。仅是今晚心血来潮想看看我博客的访客留下的 URL 地址而进行的一系列发散，欢迎评论！

Keep busy ing！

本文地址:http://leeiio.me/do-not-neglect-ur-visitors/

截至您的阅读器抓取时已有评论 48 条,大家讨论的如此激烈,你为什么不过去瞧瞧?!

声明: 本站遵循署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 Leeiio.me

年度曖昧文章

Wordpress 原生嵌套 ajax 评论的实现

Leeiio — Sun, 10 Jan 2010 17:37:00 +0800

我都快不记得我最早用的wordpress是什么版本号了，总之一路升级过来经历了很多个版本，模板也因为各版本的升级改动了很多。特别是当wordpress 2.7出来的时候，我们再也不需要使用第三方插件来实现评论的嵌套了，因为它已经内置了。由于我的懒散以及一直假装很忙作为借口，并且舍不得之前的评论模式，所以一直没有让我的主题支持原生的嵌套评论。

昨天心血来潮，关了IM，关了google reader，关了可能会干扰我的各类网页，开始琢磨wordpress 2.7的原生嵌套。一开始是直接套用的default主题里的comment.php文件，由于2.7版本之后引入了wp_list_comments()函数来显示评论列表，而想特别修改评论列表格式的话就需要使用callback。主要参考了 saywp 主题的callback代码，然后参考了 willin实现的ajax。虽然累死我了，好歹是修改成功了。willin 的ajax 评论代码改了好久，因为他的代码写得可真多，我去掉了很多对自己没用的并且在ajax插入嵌套评论到评论列表的时候换了一种更好的实现方法。

如果你的主题还是2.7之前的无嵌套评论，并且你喜欢嵌套评论，我建议你还是趁早升级吧哈。wordpress版本号越来越大，改动也越来越大，如果以后再升级可就要越来越不容易了。正所谓与时俱进嘛。更何况我是个“新版软件控”！

至于让主题支持原生嵌套评论我这里就不介绍了，网上真的有一搜一大把的文章介绍了这个内容。

为了让评论向前兼容，所以我的嵌套评论保留了原来的@username的回复方式，哪怕哪一天我突然不想嵌套了，我也可以很快恢复原先的样式并且保留之前的完美形式(鼠标移动到@username会popup出user的原评论)！正因为继续保留了之前的@username的回复方式，所以我认为我的评论只需要采用二级嵌套就足够了，三级或者更多级的话不管是样式不好设计和控制，而且太多回复的时候很容易造成混乱的局面。二级嵌套的意义在于每一条评论表达的是评论者的核心价值观，对此的嵌套回复一般是对该条评论的回复，如果多一级成为三级嵌套，很容易就变成聊天了，确实很三级。

欢迎测试！

PS:真的是累坏了。接下来，还有一大堆别的要累坏我的事情要做。360度冰天雪地托马斯回旋45度角仰望天空直至内牛满面鸡皮疙瘩掉一地。

本文地址:http://leeiio.me/wordpress-ajax-thread-comments/

截至您的阅读器抓取时已有评论 41 条,大家讨论的如此激烈,你为什么不过去瞧瞧?!

声明: 本站遵循署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 Leeiio.me

年度曖昧文章

一日复一日，一年复一年

Leeiio — Fri, 01 Jan 2010 22:19:36 +0800

我真的很不喜欢在这样的日子这样的天气这样的地点出门做这样的事情啊。
大家新的一年里继续该干嘛干嘛，2010元旦快乐！

每一个节日都是商场老板合不拢嘴的时候，特别是元旦。看看人流便知道了。
满500减330，满500减160。
我知道，新款又被你们给藏起来了。

本文地址:http://leeiio.me/2010-newyear/

截至您的阅读器抓取时已有评论 25 条,欢迎您也过来留下您的意见 !

声明: 本站遵循署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 Leeiio.me

年度曖昧文章

Leeiio™ Chaos Made.

在Google Code上用 Mercurial 取代 Subversion 管理你的项目

在Google Code里设置由Mercurial来管理项目

如何转换Google Code里Subversion的历史记录到Mercurial中

在Vim里玩Zen Coding

Over the rainbow what a wonder

Vim 新手上路

1.Vim安装

2.多语言乱码问题

3.字体的设置

3.配色方案

4.一些插件和扩展

pushme.to 给我push信息吧！

全世界最短的 JavaScript 判定 IE 浏览器！这个可以短！

jQuery 1.4 发布，一些更新和改进，性能大幅度提升！

下载(Downloading)

(功能) Features

热门方法经过了性能上的大”检修”

更易用的设置函数 (Easy Setter Functions)

Ajax

元素属性 (Attributes)

核心 (Core)

样式 (CSS)

数据

效果 (Effects)

事件 (Events)

DOM操作 (Manipulation)

位移 (Offset)

队列 (Queueing)

选择符 (Selectors)

页面遍访 (Traversing)

常用工具 (Utilities)

其他 (Miscellaneous)

内部重组 (Internal Reorganization)

测试 (Testing)

原始数据和测试页面

不要忽视你博客的访客！博客营销小技巧两则，附程序代码。

方法一：批量导出访客的 URL进行回访

方法二：批量导出访客的 email，EDM

Wordpress 原生嵌套 ajax 评论的实现

一日复一日， 一年复一年

一日复一日，一年复一年