2009年5月2日星期六

用yql查出hacker news 最热门的新闻

hacker news是一个新闻挖掘机器,有优秀的机制筛选出质量较高的新闻,首页更新很快。使用yql可以查出首页最热的新闻。
可以看出yql的强大之处。
查询语句是:

  select * from html where url="http://news.ycombinator.com/" and   xpath='//tr/td/a[substring(@href,1,4)="http"][@href!="http://ycombinator.com"]' 
你可以在这里测试一下(需要登录):

http://developer.yahoo.com/yql/console/

直接查看结果

2009年4月29日星期三

用jquery来避免写onclick方法

是用javascript的一个最常见的做法是在input 元素上写onclick = "fn()",
为了保持代码与html代码分离,保持HTML的干净,使用jquery可以轻松地绑定事件,甚至你可以不知道“事件”这个名词。
$(document).ready(
function(){
$("#mybtn").click(
function(){
alert("i am clicked!");
}
);

$("#myfrm").submit(myfunc);
}
);


jquery的机制 博客笔记

使用jquery使得你用一种完全不同的方式来写javasctipt,这也是jquery所要达到的改变。
jquery有两个简单的流程
1)查找(创建)jQuery对象:$(”selector”);
2)调用jQuery对象的方法完成我们需要完成的工作:$(”selector”).doOurWork();
这两个步骤是jQuery的编码逻辑核心!
强悍的dom元素查找能力,以及随心所欲的方法扩展,这两点正是jQuery的核心所在!

1) 问:为什么$(selector)之后,返回的是jQuery对象?
答:从jQuery的源代码中,我们可以知道:var $ = jQuery.因此当我们$(selector)操作时,其实就是jQuery(selector),创建的是一个jQuery对象.当然正确的写法应该 是这样的:var jq = new $(selector);而jQuery使用了一个小技巧在外部避免了new,在jquery方法内部:if ( window == this ) return new jQuery(selector);

2) 问:为什么创建一个jQuery对象之后,我们可以这样写$(selector).each(function(index){…});进行遍历操作呢?
答:其实jQuery(selector)方法调用时,在jQuery(selector)方法内部,最后返回的是一个数组:return this.setArray(a);而each方法体内部是一个for循环,在循环体内是这样调用的:method.call(this[i],i).

3) 问:为什么jQuery能做到jQuery对象属性/方法/事件的插件式扩展?
答:如果您有一些javasciprt的面向对象方面的知识,就会知道,jQuery.prototype原型对象上的扩展属性/方法和事件,将会给 jQuery的对象\”扩展”.基于这一点,jQuery是这样写的:jQuery.fn = jQuery.prototype.

综上所述,jQuery给我们带来了一个简洁方便的编码模型
(1>创建jQuery对象;
2>直接使用jQuery对象的属性/方法/事件),一个强悍的dom元素查找器($),插件式编程接口(jQuery.fn),以及插件初始化的”配置”对象思想.

2009年4月26日星期日

写一个wordpress插件(1)

wordpress的插件都放在目录/wp-content/plugins/下面,如果你已经写好自己的插件了,把它丢就去就好了,你也不用指定一个php文件为index.php,wordpress可以找到那个文件先执行,它是怎么知道的呢,你的其中一个php文件的头部必须包含一下代码来说明插件的一些基本信息,比如
/*
Plugin Name: Bot Counter
Plugin URI: http://ditio.net/bot-plugin
Description: Plugin is counting bots visits
Author: Greg
Version: 1.0
Author URI: http://ditio.net
*/
如果没有这些注释代码,wordpress不会理你的,
你的插件不会再后台的目录中出现,你也没有办法激活它。

我看了一下,wp是调用的wp-admin/includes/plugin.php中的get_plugin_data()
函数来将这些信息存储在一个数组里面的,

preg_match( '|Plugin Name:(.*)$|mi', $plugin_data, $name );
preg_match( '|Plugin URI:(.*)$|mi', $plugin_data, $uri );
preg_match( '|Version:(.*)|i', $plugin_data, $version );
preg_match( '|Description:(.*)$|mi', $plugin_data, $description );
preg_match( '|Author:(.*)$|mi', $plugin_data, $author_name );
preg_match( '|Author URI:(.*)$|mi', $plugin_data, $author_uri );
preg_match( '|Text Domain:(.*)$|mi', $plugin_data, $text_domain );
preg_match( '|Domain Path:(.*)$|mi', $plugin_data, $domain_path );
然后在后台的插件查看页做一个列表出来