Jul 8
facebook的javascript sdk因为需要完成比较多的功能,因此体积比较大(50K左右)。

如果每次都完整载入,必然会导致浪费过多带宽,因此缓存是必要的;但是缓存会导致BUG fix或者function enhancement无法即时更新到客户端。二者之间的矛盾调和可以用调整缓存时间来解决,但是这种解决方案并不够好,尤其是灵活性不够,有时候lib一天更新几次,有时候十天半个月甚至更久都不更新,这种解决方案的适应性就不够了。

facebook用的解决方案是,将sdk进行拆分,变成两块,第一块是loader,约2KB,缓存时间1小时;第二块是lib,约50KB,缓存时间一个月。开发者只需要用script标签载入loader即可,由loader来载入lib。lib的路径是带有版本号的,当facebook更新了lib以后,只需要修改loader中lib的版本。由于版本号不同了,路径也不同了,因此浏览器会重新请求新版本的lib。

该思路摘自facebook的wiki:http://wiki.developers.facebook.com/index.php/FeatureLoader.js.php

p.s. 这个是旧版的SDK。
Jul 7

facebook javascript sdk 杂记1 不指定

felix021 @ 2010-7-7 19:51 [IT » 网络] 评论(0) , 引用(0) , 阅读(5356) | Via 本站原创
在初始化FB对象之前必须要有一个id=fb-root的元素, 比如
引用
<div id="fb-root"></div>
可以用同步或者异步的方式初始化FB对象。
同步:在head里头加入<script src="http://connect.facebook.net/en_US/all.js">,最好在</body>标签之前加入FB.init方法,这样可以保证网页的其他模块都已经正常载入。
异步:适合在<body>标签之后加入,这样可以和网页其他元素并行载入。参见:http://developers.facebook.com/docs/reference/javascript/

如果调用FB.init时指定了xfbml:true,那么当前页面中的XFBML元素都会被转换;如果没有指定,那么可以调用FB.XFBML.parse(),或者指定一个元素FB.XFBML.parse(document.getElementById('ooxx'));

FB.login(cb, {perms: 'perm1,perm2...'})方法用于获取用户权限,会有个Popup提示用户选择 允许 或 不允许。用户选择后会执行cb函数,给一个response对象,包含用户授权的权限列表(逗号分隔)。权限列表见http://developers.facebook.com/docs/authentication/permissions。可以通过FQL在permissions查所有的权限,包括查询用户是否添加了书签(bookmarked)。

FB.Event.subscribe(EventName, cb)方法用于订阅当前页面的某些事件,比如fb:like事件可以用FB.Event.subscribe('edge.create', callbackFunc)来订阅。当事件出现时会调用回调函数cb,给出事件对应的参数。

FB.Data.query方法用于执行FQL语句。FQL语句不能有换行(可以的),不能SELECT *,WHERE子句必须是能够索引的。查询是异步的,会立即返回一个query对象。query对象有wait方法,传入一个回调函数,当执行完毕后会调用该函数,传入一个数组,数组的每一行是一个查询结果对象,对象的每个属性就是SELECT出来的东西,比如SELECT id, url from object_url WHERE url="http://www.felix021.com",回调函数可以获得rows[0].id rows[0].url。

可以在 http://developers.facebook.com/docs/reference/rest/fql.query 测试FQL语句的执行。permissions这个表看似只列出了两个字段,但是实际上PERMISSION_NAME这个字段是泛指所有可以在http://developers.facebook.com/docs/authentication/permissions页面查到的权限名称,而且还包括bookmarked、tab_added两个不是权限的名称(很诡异吧?),详见http://wiki.developers.facebook.com/index.php/Permissions_(FQL)

FB.ui方法可以用于显示一些对话框(iFrame或者Popup)。比如FB.ui({method:'bookmark.add'}, cb)可以用于显示添加书签(FB对应的APP)的iFrame,在添加成功/失败后会调用cb函数,传参response,response.bookmarked=0或1表示失败或成功。

可以在 http://fbrell.com/examples 看到更详细的例子,直接测试js的sdk。

FB的js的SDK里面 console/index.html 是个很不错的example合集,下面附上我自己写的一些example
May 14
epoll相关代码出自“man epoll”。发现在网上找相关代码还有点麻烦。

p.s. 推荐 apt-get source libevent 找找里面的 epoll.c 文件里的相关实现。
#include <stdio.h>
#include <stdlib.h>
#include <errno.h>
#include <string.h>
#include <unistd.h>
#include <fcntl.h>
#include <sys/types.h>
#include <arpa/inet.h>
#include <netinet/in.h>
#include <sys/socket.h>
#include <sys/epoll.h>
#include <sys/wait.h>
#define SERVPORT 9527 /*服务器监听端口号 */
#define BACKLOG 10 /* 最大同时连接请求数 */

void setnonblocking(int sock)
{
    int opts;
    opts = fcntl(sock,F_GETFL);
    if(opts<0)
    {
        perror("fcntl(sock,GETFL)");
        exit(1);
    }
    opts = opts|O_NONBLOCK;
    if(fcntl(sock,F_SETFL,opts)<0)
    {
        perror("fcntl(sock,SETFL,opts)");
        exit(1);
    } 
}

void do_use_fd(int client_fd)
{
    const char str[] = "God bless you!\n";
    if (send(client_fd,  str,  sizeof(str),  0) == -1)
        perror("send");
    close(client_fd);
}

int main()
{
    int sockfd;
    struct sockaddr_in my_addr;
    struct sockaddr_in remote_addr;
    if ((sockfd = socket(AF_INET,  SOCK_STREAM,  0)) == -1) {
        perror("socket");
        exit(1);
    }
    my_addr.sin_family = AF_INET;
    my_addr.sin_port = htons(SERVPORT);
    my_addr.sin_addr.s_addr = INADDR_ANY;
    bzero(&(my_addr.sin_zero), 8);
    if (bind(sockfd,  (struct sockaddr *)&my_addr,  sizeof(struct sockaddr)) == -1) {
        perror("bind");
        exit(1);
    }
    printf("bind ok\n");
    if (listen(sockfd,  BACKLOG) == -1) {
        perror("listen");
        exit(1);
    }
    printf("listen ok\b");
    size_t sin_size = sizeof(struct sockaddr_in);

#define MAX_EVENTS 10
    struct epoll_event ev, events[MAX_EVENTS];
    int conn_sock, nfds, epollfd;

    epollfd = epoll_create(10);
    if (epollfd == -1) {
        perror("epoll_create");
        exit(EXIT_FAILURE);
    }
    printf("epoll_create\n");

    ev.events = EPOLLIN;
    ev.data.fd = sockfd;
    if (epoll_ctl(epollfd, EPOLL_CTL_ADD, sockfd, &ev) == -1) {
        perror("epoll_ctl: sockfd");
        exit(EXIT_FAILURE);
    }
    printf("epoll_ctl ok\n");

    for (;;) {
        printf("start epoll_wait\n");
        nfds = epoll_wait(epollfd, events, MAX_EVENTS, -1);
        if (nfds == -1) {
            perror("epoll_pwait");
            exit(EXIT_FAILURE);
        }
        printf("epoll_wait returns, nfds = %d\n", nfds);

        for (int n = 0; n < nfds; ++n) {
            if (events[n].data.fd == sockfd) {
                conn_sock = accept(sockfd,
                        (struct sockaddr *) &remote_addr, &sin_size);
                if (conn_sock == -1) {
                    perror("accept");
                    exit(EXIT_FAILURE);
                }
                setnonblocking(conn_sock);
                ev.events = EPOLLIN | EPOLLET;
                ev.data.fd = conn_sock;
                if (epoll_ctl(epollfd, EPOLL_CTL_ADD, conn_sock,
                            &ev) == -1) {
                    perror("epoll_ctl: conn_sock");
                    exit(EXIT_FAILURE);
                }
            } else {
                do_use_fd(events[n].data.fd);
            }
        }
    }
}


这里有另一个很详细的说明: https://banu.com/blog/2/how-to-use-epoll-a-complete-example-in-c/
Feb 9

jsp学习小记 不指定

felix021 @ 2010-2-9 21:23 [IT » 网络] 评论(1) , 引用(0) , 阅读(4129) | Via 本站原创
这几天简单学习了一下jsp的使用(主要是看《jsp开发web应用系统参考书籍》系列pdf),大致做一下记录。

首先是环境,jdk是必须的,服务器我用tomcat,因为以前搞noah/oak的时候整过,熟悉些。具体的配置不赘述了,网上很多,无非是JAVA_HOME CLASSPATH CATALINA_HOME之类的环境变量。此外为了连上mysql,还要去下个jar,比如mysql-connector-java-5.0.8-bin.jar,可以在网上搜到。这个要放在tomcat/shared/lib/下面。当然,也是可以放在jsp的WEB-INF/lib下面,但是这个我没研究过,不太了解细节。

最简单地写JSP,其实和写ASP/PHP很像,把java当成一个面向过程的语言填上去就行了。比如经典的hello world:
<html>
<body>
<%
    out.println("Hello, world!\n"); //在jsp里输出就用out啦,不是System.out。
%>
</body>
</html>

因为这里的java和普通的*.java程序不一样,所有有些语句也得变,比如import不能直接用了,必须这么写:
引用
<%@ page import="java.sql.*" %>

格式为 <%@ page oo="xx" %> 这样的oo和xx有很多个,比如session开关就是通过这种方式控制,详情参考那些pdf。包含文件则用<%@ include file="xxxx" %>这样的格式。


在编写的过程中要获取GET/POST等请求的数据以及客户端IP等信息的时候,可以使用默认import进来的request对象,有getParameter()、getMethod()、getRequestURI()、getRemoteADDR()....等方法。相当于php的$_GET/$_POST/$_SERVER等变量的大杂烩。

要控制输出,比如HTTP Header或者具体的Cookie字段,则使用response对象的addCookie()、addHeader()等方法。

Session,则是使用session对象。但是要先<%@ page session="true" %>开启session。

此外还有一个和ASP同样性质也同名的Application对象。看起来像是抄ASP的。就是一个和服务器同生死的全局变量。

以上就是最简单的jsp开发需要的一些东西了。至少开发一个留言板什么都OK了 :)

至于Java Beans,这个是第六章,我还没看...
Jan 30
$from = 'FROM: "=?UTF-8?B?' . base64_encode($yourname) . '?=" <from@yourdomain.com>';
$content = 'Content-Type: text/html; charset=UTF-8';
if (mail("to@yourdomain.com", "Subject", $msg, "{$from}\r\n{$content}\r\n")) {
    echo "搞定!";
}
else {
    echo "可耻地失败鸟...";
}

大致记录一下:

额外的HEADER指定了FROM和Content-Type字段

Content-Type用于标识内容是什么格式(text/html),什么编码(UTF-8)

下面这一行表示发件人,显示名称“xxxxxx”是经过BASE64编码(那个?B?的意思)后的UTF-8字符。
FROM: "=?UTF-8?B?xxxxxxxx?=" <from@yourdomain.com>

如果Subject需要中文字符,应该类似地:
SUBJECT: =?UTF-8?B?xxxxxxx?=
Jan 23
php代码
<?php

define ("MAX_MSG_COUNT", 5);
define ("USER_NAME", 'felix021');

$msg_c = isset($_GET['c']) ? intval($_GET['c']) : MAX_MSG_COUNT;
$user  = isset($_GET['u']) ? $_GET['u'] : USER_NAME;

require ('../lib/twitter.php'); //注: 此文件从twitese的lib目录下提取,并增加了
                                       //define("API_URL", "http://twitter.com");

$t = new twitter();

$s = $t->userTimeline(1, $user);

$msg = array();
for ($i = 0; $i < $msg_c; $i++) {
    $msg[$i] = htmlspecialchars(stripslashes($s[$i]->text));
    $msg[$i] = preg_replace(
            array(
                "/(\w+):\/\/([a-zA-Z0-9\.\/\-%+\?#_=@:&;])*/i",
                '/(\s|^)@([a-zA-Z0-9_-]+)/',
                '/(\s|^)#([a-zA-Z0-9_-]+)/',
                ),
            array(
                '<a href="\0" target="_blank">\0</a>',
                '\1<a href="/t/\2" target="_blank">@\2</a>',
                '\1<a href="/t/~\2" target="_blank">#\2</a>',
                ),
            $msg[$i]
            );
}

echo json_encode($msg);

?>


侧边栏的内容:
<div id="twitter" style="font-size:12px"></div>
<script>
function getXML() {
    var a = null;
    try {
        if (window.XMLHttpRequest) {
            a = new XMLHttpRequest();
        } else if (window.ActiveXObject) {
            a = new ActiveXObject("Msxml2.XMLHTTP");
        }
    }catch(e) {}
    return a;
}

function _t(c) {
    var x = getXML();
    x.onreadystatechange = function(){
        if(this.readyState == 4 && this.status == 200){
            var g  = eval(this.responseText);
            var tt = '';
            var t  = document.getElementById('twitter');
            for(var i = 0; i < g.length; i++){
                tt += g[i] + (i+1 == g.length ? "" : "<hr/>");
            }
            t.innerHTML = tt;
        }
    }
    x.open("GET", "/blog/tt.php?c="+c, true);
    x.send('');
}
_t(4);
</script>
Jan 22

给twitese推荐的一个.htaccess 不指定

felix021 @ 2010-1-22 14:36 [IT » 网络] 评论(0) , 引用(0) , 阅读(3147) | Via 本站原创
RewriteEngine On
RewriteBase /t

RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^([^~@].*)$ user.php?id=$1 [QSA,L]
RewriteRule ^(@.*)$ search.php?q=$1 [QSA,L]                                                                                      
RewriteRule ^~(.*)$ search.php?q=$1 [QSA,L]
Jan 20

世界上最贵的网站 不指定

felix021 @ 2010-1-20 19:52 [IT » 网络] 评论(4) , 引用(0) , 阅读(4552) | Via 本站原创
世界上最贵的网站出现在中国,而不是欧美等国家,充分体现了中国特色社会主义的优越性。

传送门:http://www.mof.gov.cn/mof/xinxi/zhongyangbiaoxun/zhongbiaogonggao/200912/t20091215_246271.html

为防止一小撮别有用心的人消灭社会主义的建设成果,特此存截图留念。

点击在新窗口中浏览此图片

p.s. 还有一个670w造价的网站,传送门:
http://www.mof.gov.cn/mof/xinxi/zhongyangbiaoxun/zhongbiaogonggao/200912/t20091230_254406.html

相比之下一个150w造价的3间厕所,实在上不了台面啊!

@ 20100121 p.s.
rtmeme: RT @yuanxinting RT @xiaomi2020: 国家汉办3520万元建立网络孔子学院。中标公司是五洲汉风网络科技(北京)有限公司。该公司法人代表是胡志平。其另一职务是国家汉办副主任。也就是国家汉办开出了标书,是国家汉办创建了企业

@ 20100122 p.s.
此新闻已经开始被和谐,详见:Google搜索 中国工会网扩建项目 网易
分页: 5/26 第一页 上页 1 2 3 4 5 6 7 8 9 10 下页 最后页 [ 显示模式: 摘要 | 列表 ]