走走停停看看

之前一直是纯技术博客，现在打算逐渐转一点，逐渐加入些生活元素。
当然，我也有另外的博客，太过私人化的不会放在这里了。大家放心。（就算我想放你们也管不着，这是我的博客，灭哈哈哈哈~~）
虽然有了twitter，但有些时候还是博客可以积淀一些东西。
架设Dabr和twitter的api很容易，我也有架设，能猜到的话，欢迎一起用，但别声张~
你也可以自己架设自己用。很容易搜索到教程

另外，收到 likeren 邀请（他的博客很人文，搞技术测宅男们建议吸取一些人文素养），尝试了一下国外的基于软件同好的SNS Wakoopa有兴趣可以上面来一起玩。

再另外，最近接了个项目后，有了点感悟，想写博客，结果发现想要写的太多，纠结很久。在此次牢骚一下……

最近要开始记账，寻遍国内外各种在线记账的也未能找到完全诚心如意的。最终觉得账族整体界面、操作上都比较符合我要求。
源于在Todoist上任务管理的录入方式，通过一系列命令可以快速输入。所以希望这里入账也有命令行。
而这个网站又恰巧用了jQuery，就写起来更顺手了。
此外，这个网站貌似目前主要开发任务是论坛……我不说啥了……不指望他们近期能开发这个功能。
所以，为了进一步加速入账效率，则开发了这个脚本。

比如我输入：
工资 +5000
回车，早就自动往我工资帐户加上了5000元（其实我工资远不到5K。。。不过做的蛮开心，暂无跳槽之意。）

又比如输入：
3 旅游 1000 信用卡
就自动设置为3天前，旅游用信用卡花了1000，花费分类是旅游

就类似这种功能。

地址是：
http://userscripts.org/scripts/show/55688
我用着还挺爽。

去年写过一个小插件，json2select 一直想要转换出配套的数据，但总有这样那样的问题之后，终于拖到了现在。
好在一切悲剧的日子已经过去了，新时代已经来临。猛击这里
三级联动，直辖市精确到城镇街道，一般城市到达区。强烈推荐。

这一切都要感谢 Asfman ，辛勤的工作，当然也少不了感谢搜狐白社会，是他们提供了这么好的数据，也要感谢我们伟大祖国，我们中华民族地大物博，省市也很多……

这套数据有100K多一点，但可以想办法压缩
把其中重复字符串替换掉，把街道替换成j，市替换成s，区替换成q，都可以减少文件体积。要用的时候先用正则替换后，再eval执行字符串就能得到数据了，可以达到68K左右
另外，保存成gb2312的话也可以减小体积。目前我手头的是52K左右大小了。但可能导致乱码，慎用。

进一步，如果通过词频分析，找出重复最多的前20个，替换的话，相信可以把体积维持在30K以下了。但手头没工具，最近也很忙，所以大家自己发挥吧。
我粗略压缩后的东西我就不单独发布了。

update:
在热心网友 Noker （虽然截止到目前位置似乎博客里还空着）的帮助下，已经把这套数据压缩到只有30K左右了。太棒了！
大家可以到 移步到这里下载 对应的数据，以及查看demo

update:
网友fantasy提出一个潜在的bug，由于这套数据中只有 标题 子元素 而没有对应的value值，所以后台无法获取到。为此需要修改一下源文件创建option的那一行

改成

即可
或者重新下载1.0.1版即可

jQuery 1.3.3发布的日子日趋临近，各种新功能逐渐浮出水面（我咋像在写小说……）

改进了toggleClass()/hover()/live()/index()等方法，总之可以进一步简化代码了。

废话不多说了，直接上链接，有兴趣的同学直接去Cloudream那里看就可以了：
http://www.5iya.com/blog/post/jquery-1-3-3-new.asp

今日闲逛，走到了维基文库水调歌头 (明月几时有)，恰巧发现他居然是文字竖排的，很有兴趣一看。

网上目前两种方法竖排，
一种是用 writing-mode:tb-rl;
另一种是用 layout-flow: vertical-ideographic;
但遗憾的是，这两种方法都基本是 IE Only 的……
那么维基文库是如何做到的呢？随便翻看一下代码，恍然大悟~

虽然代码不是很优雅（自动生成的……）但大概意思也知道了。设置宽度为1.5倍的字宽，保证列距，然后让所有div右浮动。
很简单又很有用的技巧，兼容各个主流浏览器~

最后引用一句，对于IE“不應有恨……”，他有些私有属性还是挺有趣的……
（注：原文中“恨”是遗憾的意思。）

前一篇文章中探讨了关于jQuey中队列控制的两个函数 queue 和 dequeue，这两个极大方便了我们编写一些有时间差、并非立即执行完毕，却对次序要求很高的代码。

这里我再发布一个自己编写的处理队列的代码
注：这里的代码行为与jQuey的代码行为不完全一样！

测试页面： http://shawphy.com/lab/myqueue.html

var myQueue=function(fnArr){
//将队列放入fnArr
this.fnArr=fnArr||[];
};
myQueue.prototype={
fnArr:[],
queue:function(fn) {
//如果是函数数组，则依次放入
if (fn[0]) {
for (var i=0; fn[i];this.fnArr.push(fn[i++])){}
} else {
this.fnArr.push(fn);
}
},
dequeue:function() {
//弹出剩余的第一个函数并执行
(this.fnArr.shift()||function(){})();
},
clear:function() {
this.fnArr=[];
}
};

用法：
用new 创建一个实例：
var foo=new myQueue()
或者带一个函数数组：

var foo=new myQueue([
function() {
test.innerHTML+=1;
setTimeout(“foo.dequeue()”,1000);
},
function() {
test.innerHTML+=2;
setTimeout(“foo.dequeue()”,1000);
}
]);

还可以再添加一组或者一个函数

foo.queue([
function() {
test.innerHTML+=3;
setTimeout(“foo.dequeue()”,1000);
},
function() {
test.innerHTML+=4;
setTimeout(“foo.dequeue()”,1000);
}
]);

foo.queue(function() {
test.innerHTML+=5;
setTimeout(“foo.dequeue()”,1000);
});

开始执行当前队列中的第一个函数：

foo.dequeue();

清空队列：
foo.clear();

jQuery中的queue和dequeue是一组很有用的方法，他们对于一系列需要按次序运行的函数特别有用。特别animate动画，ajax，以及timeout等需要一定时间的函数

queue和dequeue的过程主要是：
1，用queue把函数加入队列（通常是函数数组）
2，用dequeue将函数数组中的第一个函数取出，并执行(用shift()方法取出并执行）

也就意味着当再次执行dequeue的时候，得到的是另一个函数了
同时也意味着，如果不执行dequeue，那么队列中的下一个函数永远不会执行

对于一个元素上执行animate方法加动画，jQuery内部也会将其加入名为 fx 的函数队列
而对于多个元素要依次执行动画，则必须我们手动设置队列进行了。

一个例子，要两个div依次向左移动，点击这里查看

div {
background:#aaa;
width:18px;
height:18px;
position:absolute;
top:10px;
}

如果只是轮流移动次数较少，可以使用animate的回调函数来做，一个动画放在另一个动画的回调里边
比如

$(“#block1″).animate({left:”+=100”},function() {
$(“#block2″).animate({left:”+=100”},function() {
$(“#block1″).animate({left:”+=100”},function() {
$(“#block2″).animate({left:”+=100”},function() {
$(“#block1″).animate({left:”+=100”},function(){
alert(“动画结束”);
});
});
});
});
});

但这种方法当动画较多的时候简直是残忍。

此时利用queue和dequeue则显得简单很多：

var FUNC=[
function() {$(“#block1″).animate({left:”+=100”},aniCB);},
function() {$(“#block2″).animate({left:”+=100”},aniCB);},
function() {$(“#block1″).animate({left:”+=100”},aniCB);},
function() {$(“#block2″).animate({left:”+=100”},aniCB);},
function() {$(“#block1″).animate({left:”+=100”},aniCB);},
function(){alert(“动画结束”)}
];
var aniCB=function() {
$(document).dequeue(“myAnimation”);
}
$(document).queue(“myAnimation”,FUNC);
aniCB();

1，我首先建议建立了一个函数数组，里边是一些列需要依次执行的动画
2，然后我定义了一个回调函数，用dequeue方法用来执行队列中的下一个函数
3，接着把这个函数数组放到document上的myAnimation的队列中（可以选择任何元素，我只是为了方便而把这个队列放在document上）
4，最后我开始执行队列中的第一个函数

这样做的好处在于函数数组是线性展开，增减起来非常方便。
而且，当不要要继续进行接下来动画的时候(比如用户点了某个按钮)，只需要清空那个队列即可。而要增加更多则只需要加入队列即可

//清空队列
$(document).queue(“myAnimation”,[]);
//加一个新的函数放在最后
$(document).queue(“myAnimation”,function(){alert(“动画真的结束了！”)});

以前发过一个wait插件，用于让动画之间可以暂停一段时间
http://shawphy.com/2008/07/enabling-settimout-within-chained-functions-in-jquery.html
可以看一下，他也就是利用了这个原理，默认在fx中插入一个timeout，放到队列中，直到timeout结束后才执行dequeue继续执行队列中的下一个函数。

这当然也可以用于ajax之类的方法，如果需要一系列ajax交互，每个ajax都希望在前一个结束之后开始，之前最原始的方法就是用回调函数，但这样太麻烦了。同样利用queue添加队列，每次ajax之后的回调中执行一次dequeue即可。

如果没有使用jQuey库，也可以自己写段简易代码来解决这个问题。见控制队列函数

这是目录：
http://www.packtpub.com/article/learning-jquery-1.3-table-of-contents
第四章 效果 试读
http://www.packtpub.com/files/learning-jquery-1-3-sample-chapter-4-effects.pdf
在线购买地址：
https://www.packtpub.com/learning-jquery-1.3/book
有印刷版和电子版出售，售价不同。
我惊奇的发现原来中国大陆也是免运费的。