Douban and PHP

按照之前QQ签名秀的原理把豆瓣的个人广播系统也给提取出来了，效果请见此test页面。

使用方法是把以下代码添加到你的页面里:

<script type="text/javascript" src="http://punkid.org/glade/douban/request.php?userid=username&numbers=5"></script>

其中userid后面跟的是你的豆瓣用户名，numbers后面是显示条目数(最多10条)。至于怎么polish这个douban的miniblog纯粹是你的CSS活。对了，输出编码是UTF-8。

PHP tips: 用addslashes这个函数可以对字符串进行转义。

Linux

1. Tired of emerging the world?

emerge $(eix -Iuc --format-compact "<category>/<name>" dev-libs/* | head -n -1)

可以用来更新某一category(例如dev-libs)下的已安装软件。

2. Ape转mp3

emerge shntools 和 mac-port (gentoo-china overlay提供) 后运行:

shnsplit -f filename.cue -t "%n - %t" -o "cust ext=mp3 lame --preset extreme - %f" filename.ape

会根据cue文件对ape进行切割成按tracknumber - trackname命名的mp3文件，不过ID3信息没法保存进去，交给Musicbrainz搞定吧。

3. 使用Aria2下载器

原来用的axel不知何故在我的电脑上经常出现Initialing download就停滞不前的情况，无奈…换了个稍微大点的Aria2。顺便把Gentoo Mirror的默认下载也换成了aria2。更改make.conf如下:

FETCHCOMMAND="/usr/bin/aria2c -c -s 4 -d ${DISTDIR} -o ${FILE} ${URI}"
RESUMECOMMAND="${FETCHCOMMAND}"

至于在firefox里用flashgot启用aria2下载，在Executable path里填/usr/bin/rxvt (任意虚拟终端，别用xterm就是了，那个启动太慢了)，然后在Command line arguments template里填-e aria2c -s 5 -d [FOLDER] [URL]

WordPress

1. 只显示当日评论数

不明白我的意思的，留个言在到首页看下就知道了，当日有留言的日志会格外用类似于3 comments today方式显示。方法很简单，抽数据而已。修改你的模板的index.php，再最顶端添加:

<?php
	$nowtime = current_time('timestamp');
	$today = date('Y-m-d G:i:s', mktime(0, 0, 0, date('m',$nowtime), date('d',$nowtime), date('Y',$nowtime)));
?>

然后是修改loop部分:

<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>

		<?php $today_comments = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->comments WHERE comment_post_ID = $id AND comment_date >= '$today' AND comment_approved = '1'"); ?>
		<div class="entry"
		<h2 id="post-<?php the_ID(); ?>" class="entrytitle"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
		<p class="metadata clearfix">
		<span class="cmt"><?php if ($today_comments > 0) { ?><a class="todaycmt" href="<?php the_permalink() ?>#comments" title="Comment on <?php the_title(); ?>"><?php echo $today_comments; ?> Comment<?php if ($today_comments>1) echo 's'; ?> Today</a><?php } else { ?><?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?><?php } ?></span>
		</p>
		...
		</div>

		<?php } ?>

		...

<?php endif; ?>

加重部分是关键。

2. 过滤某category的feed输出

在模板的function.php里添加这段代码:

<?php
function RssFilter($query) {
     if ($query->is_feed) {
         $query->set('cat','-22');
     }
         return $query;
}

add_filter('pre_get_posts','RssFilter');
?>

其中22为你的category ID。

CSS

CSS的代码书写风格我倾向于单行式，用缩进表明元素的从属关系。例如:

#secondary div.modules {margin-bottom:40px;}
	#secondary div.modules a {color:#888;}
	#secondary div.modules a:hover {color:#FF32B3;text-decoration:underline;}
	#secondary div.modules h3 {color:#94C742;border-bottom:1px dotted #94C742;}
	#secondary div.modules ul li {padding:3px 8px;border-bottom:1px dashed #FF80D0;}
	#secondary div.modules ul li:hover {background:#F0F8E2;}

#bottom_wrapper h3 {color:#FDF262;border-bottom:1px solid #FDF262;}
	#bottom_wrapper div.modules {width:300px;margin:0 10px;float:left;position:relative;display:inline;}
	#bottom_wrapper div.modules ul li {height:1.6em;padding:3px 2px;border-bottom:1px dotted #528F08;overflow:hidden;}
	#bottom_wrapper div.modules ul li:hover {background:#528F08;}
	#bottom_wrapper div#misc table.calendar {width:300px;margin-bottom:20px;border-collapse:separate;border-spacing:1px;}
		table.calendar td {padding:3px 0 2px;text-align:center;}
		table.calendar td.calendar_h {display:none;}
		table.calendar td.today {background:#528F08;}
		table.calendar td.week {background:#528F08;color:#FDF262;}
	#bottom_wrapper div#tags ul li {margin-right:5px;padding:0;display:inline;border:0;}
		#bottom_wrapper div#tags ul li span, #bottom_wrapper div#tags div {display:none;}

也许这种单行的方式不利于阅读，但是类似block的书写方式最大的问题是一旦CSS代码上个几百行的，要找到某一行翻页是件很痛苦的事，而单行定义加上适当的缩进即便不看HTML源代码也能对页面结构有个基本的认识。还有就是…在VIM下用w,b进行整词跳跃是件很惬意的事，即便是单行也能很快的跳跃到需要修改查看的property。

English

1. take with a pinch of salt

Radiohead的A Wolf at the Door里有句歌词是Take it with the love its given, take it with a pinch of salt, take it to the taxman。

那take it with a pinch of salt真的是抓把盐吗? 真实的意思有点类似于姑且相信，半信半疑的意思，例如Regarding what you said yesterday, I would take it with a pinch of salt意思就是你昨天说的那些我姑且相信吧。

Tia Dalma and I go way back

在电影Pirates of the Carribean : The Man’s Chest (加勒比海盗2:聚魂棺)，Jack船长带着众人去找女巫Tia Dalma时说: No worries, mates. Tia Dalma and I go way back.。我记得当时我看的思路的版本翻译成了伙计们，别担心，Tia Dalma和我待会就回来。这其实是错误的，go back way的意思是表示两人认识很久了，交情很好。

求n的平方根，先假设一猜测值X0 = 1，然后根据以下公式求出X1，再将X1代入公式右边，继续求出X2…通过有效次迭代后即可求出n的平方根，Xk+1

先让我们来验证下这个巧妙的方法准确性，来算下2的平方根 (Computed by Mathomatic)

1-> x_new = ( x_old + y/x_old )/2

                       y
            (x_old + -----)
                     x_old
#1: x_new = ---------------
                   2

1-> calculate x_old 1
Enter y: 2
Enter initial x_old: 1

 x_new = 1.5

1-> calculate x_old 2
Enter y: 2
Enter initial x_old: 1

 x_new = 1.4166666666667

1-> calculate x_old 3
Enter y: 2
Enter initial x_old: 1

 x_new = 1.4142156862745

1-> calculate x_old 10
Enter y: 2
Enter initial x_old: 1
Convergence reached after 6 iterations.

 x_new = 1.4142135623731
...

可见，随着迭代次数的增加，运算值会愈发接近真实值。很神奇的算法，可是怎么来的呢? 查了下wikipedia和wolfram，原来算法的名字叫Newton’s Iteration (牛顿迭代法)。

下面是极其つまらない(boring)的数理介绍，不喜欢数学的言下之意也就是绝大部分人可以略过了。

简单推导

假设f(x)是关于X的函数:

求出f(x)的一阶导，即斜率:

简化等式得到:

然后利用得到的最终式进行迭代运算直至求到一个比较精确的满意值，为什么可以用迭代法呢?理由是中值定理(Intermediate Value Theorem):

如果f函数在闭区间[a,b]内连续，必存在一点x使得f(x) = c，c是函数f在闭区间[a,b]内的一点

我们先猜测一X初始值，例如1，当然地球人都知道除了1本身之外任何数的平方根都不会是1。然后代入初始值，通过迭代运算不断推进，逐步靠近精确值，直到得到我们主观认为比较满意的值为止。例如要求768的平方根，因为252 = 625，而302 = 900，我们可先代入一猜测值26，然后迭代运算，得到较精确值:27.7128。

回到我们最开始的那个”莫名其妙”的公式，我们要求的是N的平方根，令x2 = n，假设一关于X的函数f(x)为:

f(X) = X2 - n

求f(X)的一阶导为:

f'(X) = 2X

代入前面求到的最终式中:

Xk+1 = Xk - (Xk2 - n)/2Xk

化简即得到我们最初提到的那个求平方根的神奇公式了:

用泰勒公式推导

我之前介绍过在The Art and Science of C一书中有用到泰勒公式求平方根的算法，其实牛顿迭代法也可以看作是泰勒公式(Taylor Series)的简化，先回顾下泰勒公式:

仅保留等式右边前两项:

令f(X0+ε) = 0，得到:

再令X1 = X0 + ε0，得到ε1…依此类推可知:

转化为:

引申

从推导来看，其实牛顿迭代法不仅可以用来求平方根，还可以求立方根，甚至更复杂的运算。

同样，我们还可以利用C语言来实现下那个最简单的求平方根的公式(尽管我们可以直接用sqrt()完成)

#include <stdio.h>
#include <math.h>

#define N 768

main() {
        float x=1;
        int i;
        for (i=1;i<=1000;i++) {  // recursion times : 1000
                x = (x + N/x)/2;
        }
        printf("The square root of %d is %f\n",N,x);
}

注: 此文章前半部分翻译自wikipedia这个墙外之物。

Linear Least Squares (线性最小二乘法，以下简称LLS)，是解决线性回归问题的重要方法之一，常常用来求解等式多于变量情况下的最优线性方程。特别是在统计学中，常常需要根据一组数据(例如时间序列数据)来模拟其自变量与因变量之间的线性关系，用最小二乘法可以很好的拟合数据，消除残差的不确定性带来的影响。

理论

假设我们要求出关于的方程

A是一个m行n列矩阵，而x是未知的n阶向量，b是已知的m阶向量。利用最小二乘法原理，列出最小化残差等式:

其中
[Ax]_i表示第i 阶向量Ax。因为矩阵 v² = v^Tv，v^T为v的转秩，得出:

因为b^T(Ax) = (Ax)^Tb，对等式求x的偏导:

得到:

左边的A^TA是个n行n列矩阵，如果A矩阵满秩的话，可得出:

其中(A^TA)^-1A^T是A的伪逆矩阵，因为矩阵A的逆矩阵A^-1不存在，因为m≠n。

实例

假设存在四组坐标点(0, 3), (2, 3), (4, 4), (−1, 2)，要求出关于αx + β = y的线性方程，可将其方程变换为矩阵形式:

矩阵A (即 (X 1) )可以表示为

向量b (即 Y)可以表示为

得出:

最后可知:

¹⁵²/₅₉ + ²⁰/₅₉x= y 是最优线性解

其结果与用OLS(一般最小二乘法)得到的解是一致的，有兴趣的朋友可以用我写的这个C程序(OLS.c)来验证下结果:

#include 
#include "math.h"

/*
 * Function : average
 * Usage: average(x,n);
 * -------------------------------
 * Description: Returns the average of an array.
 */

static float average(float a[],int n){
        float sum=0;
        int i;
        for (i=0;i<n;i++)
        {
                sum+=a[i];
        }
        return (sum/n);
}

/*
 * Function : Main
 * -------------------------------
 * Description: Calcuate the Simple Linear Regression's estimates using OLS
 */

main() {
        int n,i;
        float sumX=0,sumY=0,numerator=0,denominator=0;
        float beta0,beta1,averageX,averageY,x[100],y[100];
        printf("How many observations do you want to type in?\n");
        scanf("%d",&n);

        printf("Please type in the observations\n");
        for (i=0;i<n;i++)
        {
                scanf("%f",&x[i]);
        }

        /*Compute the average of X observations*/
        averageX=average(x,n);

        printf("Please type in the results\n");
        for (i=0;i<n;i++)
        {
                scanf("%f",&y[i]);
        }

        /*Compute the average of Y results*/
        averageY=average(y,n);

        /*Calculate the sum of (X[i]-averageX)*(Y[i]-averageY)*/
        for (i=0;i<n;i++)
        {
                numerator+=((x[i]-averageX)*(y[i]-averageY));
        }
        printf("The numerator is %.4f\n",numerator);

        /*Calculate the sum of (X[i]-averageX)^2*/
        for (i=0;i<n;i++)
        {
                denominator+=((x[i]-averageX)*(x[i]-averageX));
        }
        printf("The denominator is %.4f\n",denominator);

        /*Compute and print out the slope estimate : β1*/
        beta1=numerator/denominator;
        printf("The slope estimate β1 is %.4f\n",beta1);

        /*Compute and print out the intercept estimate : β0*/
        beta0=averageY-beta1*averageX;
        printf("The intercept estimate β0 is %.4f\n",beta0);

        /*Now we can print out the equation obtained from the samples*/
        printf("Y = %.4f + %.4fX\n",beta0,beta1);
}

程序先需要经过编译才能运行，执行后先填入观察相数目(自变量)，再分别填入自变量与因变量的数据就行了。

用途

LLS可以用来求一个上市公司的β系数估计值，β系数在金融界中已经被广泛应用于刻画公司业绩与总体市场行为的关系，那些倾向于高杠杆而与总体市场联系紧密的往往具有较大的β值，而低风险保守的公司β往往比较小。例如一个β系数为2.0的公司，如果总体市场的预期收益率为5%，则该公司的预期收益率为10%，反之亦然，如果总体市场预期收益率下降了5%，则该公司预期收益率下降10%，而如果β值为负数时则呈现负相关关系。

Blogbus的tag输出方式是固定的，排列顺序由使用最多的到使用最少的，你可以设定显示tag的数目，为了更好的Tag Clouds效果，建议设置显示数目大点(太大了，也不是件好事，至于为什么，我待会再说)。正是因为Blogbus的封装处理，要hack这种Tag Clouds效果只能从javascript+CSS入手了 (注:此hack不适用于旧版blogbus模板系统)

JAVASCRIPT部分

<script type="text/javascript">
function tagClouds(id, maxsize, minsize) {
        if (!document.getElementById || !document.getElementsByTagName) return;
        if (!document.getElementById(id)) return;

        var taglist = document.getElementById(id);
        var tag = taglist.getElementsByTagName('li');
        var maxcount = parseInt(tag[0].getElementsByTagName('span')[0].firstChild.nodeValue.substring(1,3));
        var mincount = parseInt(tag[tag.length-1].getElementsByTagName('span')[0].firstChild.nodeValue.substring(1,3));
        var offset = (maxsize-minsize)/(maxcount-mincount);

        for (var i=0;i<tag.length;i++) {
                var count = parseInt(tag[i].getElementsByTagName('span')[0].firstChild.nodeValue.substring(1,3));
                var weight = (count-mincount)*offset+minsize;
                tag[i].getElementsByTagName('a')[0].style.fontSize = weight+'em';
        };
}

window.onload = function() {
        tagClouds('tags', 2.2, 1);
        //2.2 和 1 分别为TagClouds的最大字号与最小字号值，2.2表示是普通字号的2.2倍
}
</script>

上面这段代码加哪的话你还是看我第一篇hack吧。补充一点，如果你也用了我那个”保存评论框信息”的脚本的话，你可以把这两段代码都放到一个<script type="text/javascript"> ... </script>中间，两段window.onload可以合并为如下格式，并放到代码的最后面。

window.onload = function() {
        tagClouds('tags', 2.2, 1);
        rememberFormInputs('commentForm','input_',120); //另一个脚本程序
}

CSS部分

将以下代码加入到blogbus模板里的CSS处:

#tags ul li {display:inline;margin-left:6px;}

#tags ul li span{display:none;} /*如果你不希望显示诸如[36]的tag使用次数的话*/

HACK说明

hack思路解释

因为是hack，不是tutorial，我只说下前面那段javascript的思路就是了。求出最大使用频率tag与最小使用频率tag之间的使用数差值，然后通过你所设置的maxsize和minsize之差除以tag使用数差值求得位移量。利用for循环来算出每个tag比最小使用频率tag的位移量多多少，再赋予CSS中的font-size属性，实现字号的不同。

其中要注意的是，因为我用的是parseInt(*.substring(1,3))，意思是从那个类似于[36]的使用频率中截取出数字来，再把string转化为int型。也就是说，如果你自定义了[36]的显示方式为其他的，就可能需要重新调整substring(1,3)中的两个value了，substring的意思是截取第i+1个字符到第j个字符。例如你自定义的显示方式是||36||的话，那需要截取的是第3，第4个字符，substring(1,3)相应调整为substring(2,4)。

CSS中定义的#tags ul li {display:inline;}是为了实现横排，因为li默认是block级别，每一个li占了一行，而inline值只会占据其内容宽度。

你可以自己更改window.onload() ...中tagClouds('tags', 2.2, 1)后面的两个数值大小，它们一个是最大字号，一个是最小字号。我在javascript里设置的font-size用的是em单位，而不是px，因为em比px在字号控制上灵活的多。用px的话，我们只能设置整数值，而em的话，它其实是当前普通字号的倍数值，例如默认的li字号可能是12px，那么一个较大使用频率的tag，它的字号倍数是1.9的话，相应的大小就是12px*1.9=22.8px了，比起直接使用px灵活的多。我的blog上字号设置用的就都是em !

The Downside of this Script

正如我刚才说的，Tag的显示条目数并非越大越好，因为每增加一个tag显示条目数，就意味着程序要多运算一次。而Javascript的运算负担是完全由客户端来承担的，假如你用上千个tag，你把它们都显示出来的话，那浏览者在看你的页面时，光是载入运算那个javascript就要花上不少时间，一般来说，数十个tag还是可以接受的，别忘了电脑的运算速度比人脑快哦!

Blogbus最近改版一次后，新的模板系统不再允许修改评论框了，所有模板的评论框都是统一规范的，所以这个脚本适用于任何新版模板系统的任何模板，旧版的话我稍后补充。对于新版模板的话，你需要做的只是在header(前提是你先的启用自定义模板来修改)里加入以下代码:

<script type="text/javascript">
function setCookie(name,value,days) {
        if(days) {
                var date = new Date();
                date.setTime(date.getTime()+(days*24*60*60*1000));
                var expires = ";expires="+date.toGMTString();
        }
        else var expires = "";
        document.cookie = name+"="+value+expires+"; path=/";
}

function getCookie(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for(var i=0;i < ca.length;i++) {
                var c = ca[i];
                while (c.charAt(0)==' ') c = c.substring(1,c.length);
                if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
        }
        return null;
}

function rememberFormInputs(form_id, prefix, days) {
        if(!document.getElementById(form_id)) return false;
        var form = document.getElementById(form_id);
        var inputs = form.getElementsByTagName('input');
        for (var i=0; i<inputs.length; i++) {
                var input = inputs.item(i);
                if (input.type == 'text') {
                        input.onblur = function() {
                                var name = this.name;
                                var value = this.value;
                                setCookie(prefix + name, value, days);
                        };
                        var old_value = getCookie(prefix + input.name);
                        if (old_value && old_value !='') {
                                input.value = old_value;
                        }
                }
        }
}

window.onload = function() {
        rememberFormInputs('commentForm','input_',120); //保存用户信息120天，你可以设置为更久
}
</script>

对于使用旧版模板系统的，因为模板的不同，并不能保证所有留言框都有名为commentForm的ID，你需要修改自定义模板里的Comment.Form模块，其中有这么一句:

<form method="post" action="<!-- ~ addcomment_url ~ -->" />

修改为:

<form method="post" action="<!-- ~ addcomment_url ~ -->" id="commentForm" />

然后在header里的</head>之上照旧添加上面那段代码就是了。

至于那段代码什么意思，我也懒的解释了，懂一点javascript的都能看懂，不懂的知道怎么用就行了 :D Keep in mind, this is NOT a tutorial, but a little hack

更新: 刚写了个GreaseMonkey小脚本，如果你装了Firefox和这个插件的话，再装上我这个脚本程序，以后无论你所访问的blogbus博客有没有添加我上面的那段script，使用的是新模板系统还是旧的，都能通过这个脚本程序保存你的信息。

脚本下载地址 : rememberTheName.user.js

QQ签名秀网站 : http://punkid.org/qqsign/

功能/Features

• 只需要简单的插入一行代码就能实现QQ签名的输出，而此过程的实现不需要你的主机支持php，也无须对XHTML有太多了解，一切我都替你完成了
• 支持UTF-8和GB18030两种编码输出
• 可定义显示最近QQ签名的条目数
• 发表时间显示为更人性化的”XX月XX天XX小时前”
• 可以通过CSS改变输出样式
• 可通过前台页面生成你需要的脚本代码，无须手动配置
• 前台页面配合预览功能，以验证输出的正确与完整

FAQ/疑问解答

• 为保证顺利抓取到你的”心路历程”xml文件，请确保你开启了QQ空间功能，并没有设置访问密码；与此同时，你还需要在Q-zone下设置把最新签名添加到”心路历程”下
• UTF-8/GB18030该选择哪个编码呢? 国内很多网站都还在使用GB(GB2312,GBK,GB18030)码，而时下的趋势是使用UTF-8码，用什么编码取决于你的页面编码。例如blogbus用的就是UTF-8码。
• 显示条目数究竟能设置多大值? 因为QQ的xml文件并没有一次性输出所有历史签名，所以条目数不宜设置过大。当然，即使你设置值已经超过了最大实际值也不要紧，程序最自动输出到最大实际值后停止的

程序实现过程

这个程序的原理很简单，读取Q-zone里的”心路历程”的XML文件，经过数据处理后再输出为javascript形式。写这个程序遇到了四个困难:

1. Q-zone的代码实在太乱太dirty了，腾讯又没有官方明确申明有RSS，而Q-zone又没法在非IE浏览器下浏览，我没办法使用FF下的firebug来inspect它的XML文件，最后通过从IE临时文件中找到js文件，把xml文件地址给揪了出来
2. 我本打算采用php的SimpleXML/DomDocument直接读取QQ的XML文件，但是DH主机不支持URL-file-access mode，不得不放弃了这种最简单的方法，好在我曾经在给自己的blog写个wordpress插件时发现可以用MagpieRSS来读取XML文件，并最终通过MagpieRSS实现了成功读取
3. 第三个困难是编码问题，QQ的xml输出的编码是GB2312，在我用MagpieRSS之前我曾考虑过用curl下载XML文件并储存为字符型数据，结果curl把GB码的汉字全丢掉了，更糟糕的是，我测试用的几个朋友的QQ签名里因为各式各样的非汉字/非英文特殊文字弄得读取出错，换成MagpieRSS后，发现指定输出编码的话也会出这样的问题，最终的办法是使用早先的MagpieRSS版本，不指定输出编码，直接读取XML数据储存为数组
4. 最后一个问题是怎么把php执行的结果由javascript方式输出，研究了下livid的project babel程序ing模块代码，通过直接在php里写入javascript的document.write格式输出搞定了。

最后，特别感谢Druggo和我熬夜奋斗啊，很多东西都是他帮忙想辙的! And dont forget to send some feedbacks to me if you have some better ideas or suggestion.

这两天都在看jQuery的doc，发现这是个十分容易上手并掌握的javascript framework。正如其slogan说的一样: Write Less, Do More，连我这种javascript beginner也能很快的写出漂亮好用的代码来。

jQuery的代码很human-readable，即便是没看doc，光看代码也能明白这是拿来干嘛的，怎么运行的，稍微看下官方的tutorials后就可以自己写东西了。

个人认为jQuery最好用的是selectors和chain mechanism。它的selectors支持CSS和XPath，对我来说自然就是更熟悉CSS了，而且更关键的是它支持CSS3强大的选择器定义，我几乎可以用$("some CSS selectors")来定位到我需要的任何页面元素，只要会写CSS，就能很好的使用它的selectors。

jQuery比Mootools的代码更好写更易读的原因在于它的chain机制，利用selectors定位后就可以立即使用.action来执行动作了。以下面这段代码为例:

$("#commentform input").each(function(){
	if($(this).val() != '') {$(this).next(".overlabel").css("text-indent","-9999px;")};
	$(this).focus(function(){
		$(this).next(".overlabel").css("text-indent","-9999px");
	}).blur(function(){
	if($(this).val() == ''){
		$(this).next(".overlabel").css("text-indent","0");
	}
	});

});

例如这段代码$(this).next(".overlabel").css("text-indent","-9999px;")，定位element后就可以连续发生系列动作，先移到下一元素(class为.overlabel的，就是我要的label)，然后赋予CSS style。

而$(this).focus ( function() {...} ).blur ( function() {...} ) 直接通过chain机制实现对focus和blur Event的分别动作，只要作用的是同一个对象，就可以不断的.action下去。

唯一让我有点不习惯的是它对$('some CSS selectors')所定位的对象是否存在的判断，不能直接用if ($('some CSS selectors')来判断是否存在，因为它返回的是对象本身，必须通过$('some CSS selectors').length来判断长度(没有存在对象即返回0值)，从而判断是否存在。

jQuery调试起来也很方便，只要有firefox下的firebug，写代码前完全可以在firebug里的console先试验下。这里有个很好的关于在firebug下调试jQuery的screencast。

当然，在我决定往blog里加载jQuery前，显然我更多的要考虑jQuery对加载速度的影响，几个jQuery的js文件加起来100多k，而我实际用到的可能不到20k，是否有必要加载一个这么大的东西来完成小部分工作? 最后我的办法是先把几个js文件合并为一个，用YUICompressor压缩，再启用gzip压缩，100多k的js最后大小仅为17k，从firebug里的加载速度来看，大概在700ms左右，有cache的话二次加载时间在400ms左右，这是比较可以接受的了。

目前的话并没有往blog里添加很多效果，我不喜欢添加乱七八糟的花哨特效…只是做了些小的应用，以及考虑到以后可能还要继续添加一些script进来。

P.S : 现在正开始逐步学习使用git做版本控制，拿vim写代码…以至于老是习惯性的在kwrite里编辑文字一停下来就按Esc键。更搞的是那天去食堂买水煮，老板问我要什么，我说”Ctrl+A，然后不要XX，不要XX…” Orz

我利用的是php方式来实现获取图片功能，代码如下 (其实我还是个php beginner，获取文件的代码是google来的)

<?php
function get_feedburner($url) {

        //Initiate the curl //
	$ch = curl_init();

	//Set the curl option//
	curl_setopt ($ch, CURLOPT_URL, $url);
	curl_setopt ($ch, CURLOPT_HEADER, 0);

	ob_start();

        //Lets get the file//
	curl_exec ($ch);
	curl_close ($ch);

        //Retrieve the file got from the remote url//
	$string = ob_get_contents();
	ob_end_clean();
	return $string;
}

$content = get_feedburner("http://feeds.feedburner.com/~fc/punkid?bg=BCF16C&fg=404040&anim=0");
$fp=fopen("feedburner.jpg", "w");
fwrite($fp, $content);
fclose($fp);
?>

保存代码到get_feedburner.php文件中，其中get_feedburner()中的地址是你的feedburner计数器图片地址，而fopen()里是你将要保存到远程主机的图片名。想知道这个script到底有用不? ssh到远程主机执行php get_feedburner.php，然后用浏览器查看下保存的图片地址就知道了。

然后我们要做的是让这个script每天执行一次 (feedburner每天更新一次计数器数据)，ssh到远程主机运行crontab -e，添加如下一行:

01 9 * * * /usr/local/bin/php home/path/get_feedburner.php #请替换为你的get_feedburner.php保存地址。

这个cron job指示远程主机在每天9点01分时运行一次该script。为什么是9点捏? 我用的DH主机和我们这时差15个小时!

最后你要做的就是更改feedburner的计数器图片地址为你的主机上的图片地址吧。

Algorithms (算法) 这一章有个运用泰勒公式(Taylor Series)求平方根(square root)的程序。虽然C语言的math.h库里已经有个sqrt的function了，不过这个sqrt function本身怎么写呢? 大学微积分里的泰勒公式终于派上用途了…我正好忘的一干二净了:)

先来学习/温习下泰勒公式吧:

后面的Rn(x) 是拉格朗日余项，当|x-x₀|无穷小时，可以去掉拉格朗日余项，近似认为f(x) 等于前面的n项之和。

要求的是f(x) = √x，根据求导公式f'(X) = c Xc-1，得出f'(x0) = 1/2 x-1/2，二阶，三阶…N阶导以此类推。假设x₀ = 1，则f(1) = 1, f'(1) = 1/2, f''(1) = - 1/4, f'''(1) = 3/8 ...。

将每项进行分拆，基本可以分为3个部分

         xpower
coeff ------------
       factorical

其中的coeff是导数项fi(x0=1)，xpower是(x-1)i，factorical是阶乘项(i+1)! (i = 0,1,2…)

推到可知:

coeff *= (0.5 - i);
xpower *= (x - 1);
factorial *= (i + 1);

所以用泰勒公式求平方根就可以可以编写C程序了

double TSqrt(double x)
{
     double sum, factorial, coeff, term, xpower;
     int i;

     factorial = coeff = xpower = 1;
     sum = 0;
     term = 1;
     for (i=0; sum != sum + term; i++) {
          sum += term;
          coeff *= (0.5 - i);
          xpower *= (x -1);
          factorial *= (i + 1);
          term = coeff * xpower / factorial;
     }
     return (sum);
}

泰勒公式自然是要求i值越大，结果越精确，但是这就陷入了C语言中的无限循环，程序永远不会停止也得不到结果。为了限定for循环的运算次数，可以设定条件为sum != sum + term，即当sum = sum + term时跳出循环。因为sum和term都是double型，其值是不精确的，所以随着循环次数的不断进行，后面的项数值term会越来越趋近于无穷小，例如当sum = 23，而term = 0.000000000001时，计算机会认为 23 (sum) = 23.000000000001 (sum + term)。

不过这个程序还有个问题，就是当假设x₀ = 1时，泰勒公式要求x的取值范围是:

0 < x <2

否则随着x的增大，运算结果会越来越失真。

解决办法的思路是: 因为 √4x = √4 √x = 2√x，我们可以把大数通过不断的除4最终化为(0,2)区间的小数。只要记得除了多少次4，最后在结果上乘上这个次数的2就行了。

double Sqrt(double x)
{
    double correction;
    if (x == 0) return (0);
    if (x < 0) Error("Sqrt called with negative argument %g", x);
    correction = 1;
    while (x >=2) {
         x /= 4;
         correction *= 2;
    }
    return (TSqrt(x) * correction);
}

特别要注意的是，x是double型，才能保证除以4后的数为带小数位的较精确值，而不是去尾的整数。想象如果x是int型，那么16和17的运算结果会是一样的。

OK，整个运用泰勒公式求平方根的程序就出来了:

/*
 * Function : Sqrt
 * Usage: root = Sqrt(x);
 * -------------------------------
 * Description: Returns the square root of x.
 * /

double Sqrt(double x)
{
    double correction;
    if (x == 0) return (0);
    if (x < 0) Error("Sqrt called with negative argument %g", x);
    correction = 1;
    while (x >=2) {
         x /= 4;
         correction *= 2;
    }
    return (TSqrt(x) * correction);
}

/*
 * Function : TSqrt
 * Usage: root = TSqrt(x);
 * ---------------------------------
 * Description: Returns the square root of x in the range 0 < x < 2.
 * /

double TSqrt(double x)
{
     double sum, factorial, coeff, term, xpower;
     int i;

     factorial = coeff = xpower = 1;
     sum = 0;
     term = 1;
     for (i=0; sum != sum + term; i++) {
          sum += term;
          coeff *= (0.5 - i);
          xpower *= (x -1);
          factorial *= (i + 1);
          term = coeff * xpower / factorial;
     }
     return (sum);
}

1. 一定要记得在main程序段前加入需要的库，最基本的两个就是:

#include <stdio.h>
#include "genlib.h"

main() {
    ...
}

习惯在Win下用Turbo C编写C程序的人最容易忽视这两个库文件了，因为Turbo C是默认就为程序引用这两个库的。如果你在linux下用gcc编译C程序的话，没有加入库文件它会有警告提示的。

2. linux下编译C程序的方法是，gcc -o hello.out hello.c，编译hello.c的程序并生成hellp.out的执行程序，如不使用-o hello.out参数指定输出执行程序的名字的话，会默认输出名为a.out的执行程序。使用./ hello.out来进行函数赋值输入

3. 还在使用scanf进行输入操作？这个方法在94年就不提倡了。对于int型，可以使用var = GetInteger来输入赋值，double型可以使用var = GetReal(), string型则是var = GetLine()。

printf("Please assign a value for n");
/*你可以用scanf来搞定*/
scanf("%d",&n);

/*现在你可以用GetInteger操作，它看起来更符合现代程序的书写习惯*/
n=GetInteger();

4. 两个int值运算结果还是int，只要有一个是double，无论另一个是int还是double其运算结果都是double。当然指定了数值类型那就不一样了，看以下实例分析:

/*两个int型相加其结果还是int型*/
1 + 1 = 2 

/*有一个是double型其结果就是double了*/
1.0 + 1 = 2.0 

/*通过在数值前使用(int)来指定数值类型会自动去尾(truncated)将其转换为int型。*/
(int)1.0 + 1 = 2 

/*=号运算是从右到左，d = i = 1.5相当与d = (i = 1.5)，因为i是int型，所以i 的值为1，但又因为d是double型，所以d的值是1.0。*/
double d; int i;
d = i = 1.5;

5. printf("%-10d",n) 的意思不是显示时给n赋予负值，而是通过给定的10位宽度，- 号表示在这10位宽度里从左对齐(left-aligned)显示，这个- 号在table布局显示数据时很有用。

6. main() {} 其实就是个程序(function)，每个function都是由function() {content} 结构组成的而已。

7. 养成良好的代码书写习惯和风格，Good style and program readability are critical for program maintenance。例如:

/*
 *  File : hello.c
 *  ----------------
 *  Description : To display hello text and show what a basic C program is
 */

#include <stdio.h>
#include "genlib.h"
#include "simpio.h"

/* Main program */

main() {
    int i;

    printf("Please assign a value for i");
    i = GetInteger();
    printf("I = %d",i);
}

给于程序适当的解释说明信息，以及注意程序块的缩进(indentation)以提高可读性。