博客园_随机博客

2012 草莓音乐节 [组图]

2012-04-30T08:10:00Z

2012-04-30T08:10:00Z2012-04-30T08:10:00Z随机http://www.cnblogs.com/Random/

女贝丝手神马的最有范儿了

美式Football……

套马的汉子你威武雄壮

专注

偶遇高晓松老湿

这哥们怎么看都像是来说配乐相声的

来一组妹子的抓拍

STRAWBERRY MUSIC FESTIVAL 2012

本文链接

Command 和 Observer 的一些区别

2012-03-20T16:06:00Z

1.Command封装一个请求对象，Observer定义一种一对多的依赖关系;

2.Command通过对象解耦，Observer可以通过消息解耦;

3.Command可以有执行和撤消操作，所以从某种意义上来说，Command是有序的，Observer是无序的;

4.Command是在主类中通过接口调用各客户端子类的功能，Observer支持主类将更新通知给客户端，然后由客户端自行处理。

Command模式：

Observer模式：

本文链接

xml2json

2012-02-28T14:18:00Z

        function xml2json(xml){
            return xmlToJson(getXMLDOM(xml));
        }

本文链接

碎片4

2012-01-30T11:30:00Z

1.又一年过去了，感觉这一年收获不是很多；

2.买了相机研究了下摄影，然后拍的时间也不多；

3.拿了驾照，然后就没上过路了；

4.工作内容有一些小改变；

5.又经历了一次修炼；

本文链接

PhoneGap开发环境搭建

2011-12-28T13:31:00Z

项目中要用PhoneGap开发，了解了下基本规则，记录一下，以备后查。(只针对Android平台)

一、安装

在安装PhoneGap开发环境之前，需要先安装以下框架：

2.Eclipse

说明：

1.Java SDK直接下载安装即可，没什么可说的，安装不了就是人品问题了;

2.Eclipse 也是直接下载安装，建议为classic版的;

3.Android SDK和ADT Plugin安装完成后，重启eclipse进入Window->Android SDK Manager进行选择要安装的Android开发框架进行安装

4.PhoneGap包不用安装，直接解压。

二、第一个PhoneGap项目

1.在eclipse中新建Android Project，名字神马的随便取吧；

2.在项目的目录下，建两个文件夹：

/libs

/assets/www

3.进入将刚刚下载并解压的PhoneGap包里Anroid目录，我们需要的资源都在这个目录下。

将phonegap-x.x.x.js这个js文件(具体名称视当时下载的版本而定)copy到/assets/www目录下,

把phonegap.jar文件copy到/libs目录下。

再把xml目录copy到android项目的res目录下。

4.在/assets/www下建立index.html文件，内容看起来像这样：

<!DOCTYPE HTML>

<html>
<head>
<title>PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="phonegap-x.x.x.js"></script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>

5.将以下权限配置的xml内容copy到AndroidManifest.xml文件中：

<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.GET_ACCOUNTS" />

6.将以下内容添加到AndroidManifest.xml文件的activity标签中:

android:configChanges="orientation|keyboardHidden

7.AndroidManifest.xml最后看起来会像这样：

8.在刚刚新建的Android Project中找到libs目录并在phonegap-x.x.x.jar上点击右键，选择 Build Path->Add to Build Path

9.最后再修改下src下的Java主文件：

1)添加import com.phonegap.*;

2)将类改成继承为DroidGap;

3)删掉import android.app.Activity;

4)把setContentView()这行替换为super.loadUrl("file:///android_asset/www/index.html");

5)最后看起来就像这样：

然后就可以试着运行一下，成功的话会出现Hello World的界面。

三、PhoneGap Plugin

PhoneGap的插件机制其实就是一个android类导出为jar文件，然后再被PhoneGap的项目引用，再通过js来调API：

1.创建一个Android Project;

2.打开Java主文件，将继承的类改为Plugin;

3.引入以下类：

import com.phonegap.api.Plugin;

import com.phonegap.api.PluginResult;
import com.phonegap.api.PluginResult.Status;

4.重写父类的execute方法：

public PluginResult execute(String action, JSONArray data, String callbackId) {

   PluginResult pr=null;
     if(action.equals("method1")){
         pr=new PluginResult(Status.IO_EXCEPTION,"method1");
   }else if(action.equals("method2")){
         pr=new PluginResult(Status.OK,"method2");
        }

     return pr;
   }

其中，第一个参数action可以作为分类调用时的类型，我们就可以用该参数来实现多方法功能。

返回的PluginResult实例可以通过状态Status类型的控制来描述当前结果的执行状态。

最后，代码看起来可能像这样：

5.将该类导出为jar(在类文件上右键->Export->JAR File)

6.回到之前创建的PhoneGap项目中，按上面添加jar包的方法再将该jar添加到工程中。

7.在/res/xml/plugins.xml文件中添加以下内容：

name是你在调用时要使用的类名，value是类在jar包中的全路径

8.最后再打开assets/www/index.html文件，写入类似于这样的内容：

人品没问题的话，这样就能run起来了。。。。。。。

PHP文件POST类

2011-11-30T13:07:00Z

最近学着写点PHP，写了个文件POST的类，可以很蛋疼地在服务器端POST文件到另一台服务器上……

<?php
    class SingleFileSender{

        private $headers=array();
        private $boundary="";
        private $postData="";

        /**
         * @param {Array} $url参数集
         *                 {String} path
         *                 {String} host
         **/
        private $urlParams=array();

        function __construct($url){
            $this->updateURLParams($url);
            $this->initHeaders();
        }

        /**
         * 设置发送的header
         * @param {String} $key
         * @param {String} $value
         */
        public function setHeader($key="",$value=""){
              $this->headers[$key]=$value;
        }

        /**
         * POST发送数据
         * @param {Array} $datas
         *                     array(
                                array(
                                      "postName"=>"pic",
                                      "fileName"=>"/data/a.text",
                                      "file"=>"file content",
                                    "type"=>"text/plain"
                                      ),
                                  array(
                                      "name"=>"text1",
                                      "value"=>"text1's content"
                                      )
                              ));
         **/
        public function post($datas=array()){
            $ret="";
            $this->updateBoundary();
            $postData=$this->getPostData($datas);

            $this->headers["Content-Type"]="multipart/form-data; boundary=".$this->boundary;
            $this->headers["Content-Length"]=strlen($postData);

            $sendContent = $this->getHeaderStr($this->headers)."\r\n".$postData;

            //echo $sendContent;

            $fp = fsockopen($this->urlParams["host"], 80, $errno, $errstr, 30);

            if (!$fp) {
                $ret="$errstr ($errno)<br/>\n";
            } else {
                fwrite($fp, $sendContent);
                while (!feof($fp)) {
                    $ret.=fgets($fp, 128);
                }
                fclose($fp);
            }

            return $ret;
        }

        /**
         * 初始化header
         *
         */
        private function initHeaders(){
            $this->headers["Accept"]="*/*";
            $this->headers["Connection"]="Keep-Alive";
            $this->headers["Host"]=$this->urlParams["host"];
        }

        /**
         * 更新boundary
         */
        private function updateBoundary(){
            $this->boundary="BOUNDARY".microtime(true)*10000;
        }

        /**
         * 获取要post的数据
         * @param {Array} $datas
         * @return {String} $ret
         */
        private function getPostData($datas=array()){
            $ret="";
            $fileData=array_shift($datas);

            $ret="--".$this->boundary."\r\n".
                    'Content-Disposition: form-data; name="'.$fileData["postName"].'"; filename="'.$fileData["fileName"]."\"\r\n".
                    "Content-Type: ".$fileData["type"]."\r\n\r\n".
                    $fileData["file"]."\r\n";

            foreach($datas as $k => $v){
                $ret.="--".$this->boundary."\r\n".
                    'Content-Disposition: form-data; name="'.$v["name"]."\"\r\n\r\n".
                    $v["value"]."\r\n";
            }

            $ret.="--".$this->boundary."--\r\n";

            return $ret;
        }

        /**
         * 更新URL参数
         * @param {String} $url
         */
        private function updateURLParams($url){
            if(preg_match('/^http\:\/\/([^\/]+)\/?(.*)/',$url,$rets)){
                $rets[1] && $this->urlParams["host"]=$rets[1];
                $rets[2] && $this->urlParams["path"]=$rets[2];
            }
        }

        /**
         * 将header数组转化为String
         * @param {Array} $headerArr
         * @return {String} $ret
         */
        private function getHeaderStr($headerArr=array()){
            $ret="POST /".$this->urlParams["path"]." HTTP/1.1\r\n";

            foreach($headerArr as $k=>$v){
                $ret.="$k: $v\r\n";
            }

            return $ret;
        }
    }
?>

使用示例：

<?php
    include "SingleFileSender.php";

    $fileName="1.jpg";
    $handle = @fopen($fileName, "r");
    $file=fread($handle,filesize($fileName));
    fclose($handle);

    $sfs=new SingleFileSender("http://localhost/upload.php");

$sfs->setHeader("Cookie","abc=123");

    echo $sfs->post(array(
            array(
                  "postName"=>"pic",
                  "fileName"=>$fileName,
                  "file"=>$file,
                  "type"=>"image/pjpeg"
                  ),
              array(
                  "name"=>"value1",
                  "value"=>"123456"
                  ),
              array(
                 "name"=>"value2",
                 "value"=>"abcdef")
          ));
?>

说明，通过url实例化对象后，支持对其header的设置。

post参数为array类型，

第一个参数为文件数据，包括postName,fileName,file,type只个参数

postName 可以让接收方知道传递的文件参数名称；

fileName 为文件名；

file 为文件的数据；

type 为文件的MIMI类型名称。

后面的参数可无限增加，为普通的post参数，以name和value的形式传入

本文链接

碎片3

2011-10-28T14:44:00Z

1.今年又遇到些事，很纠结，又修练了一次；
2.又颓废了段时间，该收收心认真做点事情了；
3.最近看书的时间少了，得好好静下心来多看点书；
4.性格还是那么地急、快，对于做事有利也有弊，得学会自我好好调节；
5.不知道激情这个东西能不能永远保留，希望它只会沉寂和起伏，不会消失；
6.上火了，口腔溃疡、长痘痘、牙疼、淋巴疼，真悲催。。。。

本文链接

websocket draft-15 服务端握手Demo的perl实现

2011-09-28T13:32:00Z

websocket这个坑爹的项目一直都在草案中，而且有时的更新变化还挺大的。目前最新的版本要先握手，信任后再发送相应数据，数据还掩码了。这次先实现了握手功能，其原理如下：

1.客端向服务器端发送类似这样的HTTP头：

        GET / HTTP/1.1
       Upgrade: websocket
       Connection: Upgrade
       Host: localhost:8000
       Sec-WebSocket-Origin: null
       Sec-WebSocket-Key: FcJ21uh+iiDs7haoaG1cKQ==
       Sec-WebSocket-Version: 8

其中

Upgrade:wesocket 描述了该信息是websocket协议，

Host:localhost:8000 这个就是请求的主机地址和端口号，

Sec-WebSocket-Version：8 是版本号，这里是8，用的chrome14作的测试

Sec-WebSocket-Key: FcJ21uh+iiDs7haoaG1cKQ== 这条是很重要的，FcJ21uh+iiDs7haoaG1cKQ==是客户端提供的握手所用的key，需要服务器端根据该key作相应计算后返回一个对应的key来完成握手，具体的计算方法马上就会说到。

2. 服务器端

服务器端接收到请求的数据后，先根据头来判断是否为websocket协议，是的话就会先作握手处理，然后再进行数据的相互发送，这里先只讨论握手，数据发送的内容下次再说了。。。。

握手步骤：

（1）服务器端获取到客户端发送过来的 Sec-WebSocket-Key 值（比如这里的 FcJ21uh+iiDs7haoaG1cKQ== ）；

（2）将获取到的key值与一个magic string “258EAFA5-E914-47DA-95CA-C5AB0DC85B11” 连接成一个新的key串 "FcJ21uh+iiDs7haoaG1cKQ==258EAFA5-E914-47DA-95CA-C5AB0DC85B11"，这个magic string为标准里给出的值，可以看作为一个唯一ID序列；

（3）将新生成的串进行SHA1编码，生成一个由多组两位16进制数构成的加密串，比如这里的 "FcJ21uh+iiDs7haoaG1cKQ==258EAFA5-E914-47DA-95CA-C5AB0DC85B11" 将生成 "11a8a543955aaf7f9a266c55b2a9cda3151cdec5"；

（4）把加密串按2位16进制数字分隔，进行base64编码生成最终的key：base64编码(11 a8 a5 43 95 5a af 7f 9a 26 6c 55 b2 a9 cd a3 15 1c de c5)；

（5）将最终生成的key以Sec-WebSocket-Accept:key值整合到返回头中返回给客户端（该例子的key计算结果为 EailQ5Var3+aJmxVsqnNoxUc3sU=）：

    HTTP/1.1 101 Web Socket Protocol Handshake
    Upgrade: websocket
    Connection: Upgrade
   Sec-WebSocket-Accept: EailQ5Var3+aJmxVsqnNoxUc3sU=
    WebSocket-Origin: localhost
   WebSocket-Location: ws://localhost:8000

服务端应答后就完成了这一次的握手，完整代码如下：

#!perl -w
use strict;

use IO::Handle;
use Socket;
use Digest::SHA1 qw(sha1 sha1_hex sha1_base64);
use MIME::Base64;

my $buff;
my $port=8000;
my $host='localhost';
my $packhost=inet_aton($host);
my $address=sockaddr_in($port,$packhost);
my $msg="";
my $magicString="258EAFA5-E914-47DA-95CA-C5AB0DC85B11";
my $serverKey="";

sub getClientKey{
    my $ret="";
    if($_[0]=~m"Sec-WebSocket-Key: ([^\s]*)"s){
        $ret=$1;
    }else{
        #print "no matched";
    }

    $ret=~s/\s//g;
    return $ret;
}

sub formatSHA1Hex{
    my $ret="";
    my $len=length($_[0]);
    my $i;

    for($i=0;$i<$len;$i+=2){
        $ret.=chr(oct("0x".substr($_[0],$i,2)));
    }

    return $ret;
}

socket(SERVER,AF_INET,SOCK_STREAM,getprotobyname('tcp'));
bind(SERVER,$address);
listen(SERVER,10);

while(1){
    accept(CLIENT,SERVER);
    sysread(CLIENT,$buff,1000);
    $serverKey=encode_base64(formatSHA1Hex(sha1_hex(getClientKey($buff).$magicString)));
    print "$buff\n";

    $msg="HTTP/1.1 101 Web Socket Protocol Handshake\r\n".
            "Upgrade: websocket\r\n".
            "Connection: Upgrade\r\n".
            "Sec-WebSocket-Accept: ".$serverKey."\r\n".
            "WebSocket-Origin: $host\r\n".
            "WebSocket-Location: ws://$host:$port\r\n\r\n";

    CLIENT->autoflush(1);
    syswrite(CLIENT,$msg);
    close CLIENT;
}
close SERVER;
exit 1;

为了让代码尽量简单，省去了websockt协议验证之类的细节部分，只列出了核心功能。而且此次只实现了握手部分，而且比较简单，数据相互通信的部分看哪天又闲得蛋疼的时候再写了。。。

本文链接

w3ctech 2011 北京站(组图)

2011-08-27T16:09:00Z

2011-08-27T16:09:00Z2011-08-27T16:09:00Z随机http://www.cnblogs.com/Random/

门前的牌子

大厅

一推低价技术书籍

会场

嘉宾席

人渐渐到齐

准备工作

w3c中国区负责人安琪第一个演讲

焦峰同学分享了浏览器兼容性的相关问题

石川同学分享的是JQuery的相关内容

摄影哥

微博大屏幕，有亮点哦。。。

MBP啊有木有～～～

貘大现场提问

外籍男主持，据说是央视国际频道天气预报的主持。。。专业啊。。

新浪微博的吴侃同学分享bigpipe开发方式

winter大大分享的主题是JS in JS

于是当时整个场面被winter hold住了……

现场提问，这哥们发型很帅。。。

偶上墙了。。。。

旁边的同学中奖了。

小合照

晚餐

本文链接

工作四周年纪念

2011-07-30T16:02:00Z

2007.07.31 - 2011.07.31

继续加油。

本文链接