博客园_YCOE

yum Segmentation fault 错误处理

2011-11-24T12:07:00Z

某天，CentOS的/usr 空间不足了，那时又刚好在使用yum安装东西，老安装不上，而且出现了

Segmentation fault

报错，刚开始一直搞不清楚哪里出了问题

1. 先是删除一些临时文件，释放了/usr的空间

2. 按照网上的操作尝试修复yum不过还是失败了，包括：

2.1 yum clean

2.2 重置源。不过我是使用fastestmirror，自动检测最快源的

2.3 重新设置yum配置

2.4 检查lib（网上有传会因为手工编译一些程序，会引起版本不一致），不过未有进展

2.5 重装了yum，还是一样

在准备放弃的时候（几天后了），空间想到会不会是因为文件破坏引起的呢？因为正常操作yum的时候开始报错的

于是打开yum的缓存目录/var/cache/yum ，将其全清了

再试，挖咔咔~~，正常了~~

本文链接

storytlr -- 安装体验

2010-06-08T03:49:00Z

Storytlr是一个开源的微博和Lifestreaming平台。支持单用户和多用户两种模式。Lifestreaming一种在线记录个人日常活动的网络应用，它能够聚合一个人的网络在线内容，比如博客日志，在社会性网络上面的更新，在线相册，聊天内容甚至只是一些喜欢的网站链接等等。 Storytlr当前支持的网站应用包括： Delicious、Digg、Disqus、Flickr、Google Reader、Identi.ca/Laconi.ca、Last.fm favorites、Picasa、Qik、RSS Feeds、Seesmic、StumbleUpon、Tumblr、Twitpic pictures in Twitter tweets、Twitter、Vimeo、Youtube收藏。

官方网站：http://storytlr.org

原来的官方地址被关了：http://storytlr.com/

下载地址：http://code.google.com/p/storytlr

话说Storytlr的安装还真是不人性化！

本人在Window下测试的，程序还有错误，汗

1. 下载、解压到本地目录

2. 配置本地站点

a. 配置本地DNS，用记事本打开C:/windows/system32/drivers/etc/hosts，添加一行记录： 127.0.0.1 www.localhost

注意，这里请用www的二级域名，不明白为什么 Storytlr的程序里面为什么要这样限制，如果直接用localhost的话会一片空白！

b.在apache中创建一个虚拟主机。具体方法不多说，自个百度去...

c.服务器配置完成

3. 创建数据库，将压缩包内\storytlr-0.9.3.rc2\protected\install\database.sql 的脚本执行一次，创建数据表及数据

4. 打开根目录的index.php文件，找到：$root = dirname(__FILE__);在下一行添加define('ROOT',$root);后面有用

5. 打开\storytlr-0.9.3.rc2\protected\library\Zend\Loader.php，找到registerAutoload方法，第一行注册掉，真不明白为什么一进来就抛个错误出去...再汗一个

6. 打开\storytlr-0.9.3.rc2\protected\application\Bootstrap.php文件，找到setupCache方法，找到$path = "/tmp"; 这个目录在Window下会找不到的，改为：$path = ROOT.DIRECTORY_SEPARATOR."tmp";

7. 复制\storytlr-0.9.3.rc2\protected\config\config.ini.sample 为 \storytlr-0.9.3.rc2\protected\config\config.ini

8. 打开config.ini文件，根据你的环境修改里面的几个参数

以上就完成了 storytlr的部署，打开 http://www.localhost/

使用admin登录，密码：storytlr

不过呢，感觉这个系统的聚合其它网络行为的功能还是不错滴，还有它的换肤，感觉做得不错。

应用也做成插件式的，扩展和用户体验都还不错。

说下它不太好的，就是几个功能界面切换得太突然了，好像进入了几个网站一样，变化太大，这点感觉有待改进。

本文链接

FullCalendar的二次开发、扩展

2010-06-06T02:25:00Z

FullCalendar：

官方网址
http://arshaw.com/fullcalendar/

FullCalendar是一个jQuery日历插件，它使用Ajax来获取每一个月的日历事件并能够配置成使用自己的日历事件来源比如从Google Calendar获取事件。支持拖放日历中的事件，自定义点击和拖放事件。默认的截图如下：

官方的版本，其实还有很多需要扩展的，比如添加事件、鼠标效果、事件样式等。项目需要，对它作了一次扩展，应该是很常用的功能吧，因此把它写下来，为有需要的人准备。

1. 鼠标事件。移上去后当日背景色改变。这个功能我查了官方的文档，发现它们只是对事件有响应，并没有对当前日期的响应，对事件响应的名称是：eventMouseover和enentMouseout 可以做到当鼠标放到事件上时，可以改变事件的背景、文本等效果。添加这个效果很容易，直接使用jQuery的hover方法就可以了：

$(".fc-state-default").hover(
    function(){
        $(this).addClass("calendar_hover");
    },
    function(){
        $(this).removeClass("calendar_hover");
    }
);

添加一个样式：.calendar_hover{background:red;}

2. 鼠标移上去出现添加事件的符号。这里需要改动它的核心JS了（没办法啦，要不使用jQuery插进去，不过既然改了，就不要在乎这些啦，唉...）

打开fullcalendar.js

找到第1094行，即是renderGrid方法里的一个生成td标签的循环，在生成日期数的前面添加一段：

这里的d.format(....)方法是对JS中date类的扩展方法：

/**
* 时间对象的格式化;
*/
Date.prototype.format = function(format) {
     /*
      * eg:format="YYYY-MM-dd hh:mm:ss";
      */
     var o = {
         "M+" :this.getMonth() + 1, // month
         "d+" :this.getDate(), // day
         "h+" :this.getHours(), // hour
         "m+" :this.getMinutes(), // minute
         "s+" :this.getSeconds(), // second
         "q+" :Math.floor((this.getMonth() + 3) / 3), // quarter
         "S" :this.getMilliseconds()
     // millisecond
     }

     if (/(y+)/.test(format)) {
         format = format.replace(RegExp.$1, (this.getFullYear() + "")
                 .substr(4 - RegExp.$1.length));
     }

     for ( var k in o) {
         if (new RegExp("(" + k + ")").test(format)) {
             format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k]
                     : ("00" + o[k]).substr(("" + o[k]).length));
         }
     }
     return format;
}

因为点击添加按钮以后，需要获取当天的日期，所以我将日期写到div的属性里面，方便获取。

当然，如果点击上一月下一月的按钮的时候，这个数会改变，所以再找到1160行的：td.find('div.fc-day-number').text(d.getDate());

在后面添加一个改变日期的脚本： td.find("span.add_opt").attr("date",d.format("yyyy-MM-dd"));

这样，即使改变了日期，也可以跟着改变了。接下来的处理就容易了。

按钮的样式，随便自己写了，我是把它设置为隐藏，图片作背景。当鼠标放到日期上时显示，鼠标放上去后改变背景图片。点击显示事件添加框。

$(".fc-state-default").hover(
    function(){
        $(this).find(".add_opt").css('display','inline-block');//显示
        $(this).addClass("calendar_hover");
    },
    function(){
        $(this).find(".add_opt").hide();//限期添加按钮
        $(this).removeClass("calendar_hover");
    }
);
//添加按钮点击事件
$(".fc-state-default .add_opt").click(function(){
    var date = $(this).attr("date");
    var top = $(this).offset().top;
    var left = $(this).offset().left;
    $("#new_action").css({top:top,left:left});//设置添加框的位置
    $("#new_action").slideDown();
    $("#new_action input[name='date']").val(date);//添加框内form的date值设置
});

其它代码自己写了，这样事件添加就完成了

3. 改变事件样式。不知道为什么，在文档里面都没有说明可以配置事件的样式：className

[{
    'id':1,
    'title':'Test',
    'start':'2010-06-06',
    'end':'2010-06-07',
    'url':'http://www.youyu.us',
    'className':'myStyle'//这里可以设置此action的样式
}]

4. 配置中设置样式，这个功能是我找到className时使用的，后来一直没有删掉。

找到_renderDaySegs方法，在此方法完成前添加以下代码：

    if(options.type!=null){
        for (var key in options.type){
            $("."+key+" a").css(options.type[key]);
        }
    }

这样就可以在配置文件中设置action对应的样式了，配置中添加：

type:{'myStyle':{'background':'red','font-size':14}}

这功能貌似多余了，呵呵

最终的效果如下图：

本文链接

记一次笔记本CPU性能骤降

2010-05-11T02:38:00Z

这两天，突然发现自己的本本性能严重下降（因为是用笔记本工作，所以对此非常敏感）。非常郁闷之余，开始检查各项设置......

1. 开始当然是查毒了，发现ekrn.exe经常占用非常高的CPU，以为是它惹的祸。关了NOD32的实时防控...ekrn.exe的占用下来了，但一切照旧...

2. 检查电源项。发现无论我设置成什么，都没什么变化。（笔记本为了省电，会有这些设置，在使用电池时，把CPU的频率降到很低，我这台机是30%的最高频率）

3. 检查BIOS的SpeedStep是否开启（这个是Inter的技术，即是实现上面那点的基础），一切正常...

4. 重装系统，装驱动...很期待地进行了一次性能测试...那个杯具...（更汗的是，竟然不允许我上传图片了，说超出我最大允许的范围....)狂晕~~~

5. 正当我快绝望的时候，一个毫无意义的操作拯救了我：还原了全部的BIOS...重启，突然界面跳出一个很很可爱的警告（还是第一次觉得这警告可爱^_^）:具体是什么忘了，大概的意思就是：您的AC（直流）电源未安装或者达不到指定的功率65W或者....

6. 换了个外接电源，一切正常...(虽然评分不高，但用了三年的，还是爽歪歪...)

上图在解决之前一直为30%，现在可以奔到100%了...

那个开心，那个激动，就像是中国一下子进入了共产主义一样~~~

在处理这个问题的过程中，我也Baidu/Google了N多文章，都没有人遇到这种问题，特此记下，为有需之人可以少走弯路（偶重装一次系统损失可不只是重装几个软件而已，泪奔呀~~）

本文链接

[原创]狂想--QQ构架

2010-03-29T16:14:00Z

去应聘了TX(腾迅)的架构师职位，面试官很得意地问：要支持1亿的访问量应该怎样设计这架构？

有意思了，刚开始还真是有点懵。确实1亿同时在线，这数字确超乎想象，如果只是查询的还好，还有大量的增删改操作，天才的TX构架师是怎样实现的呢？

不行，不能这样就被那家伙给阴了！于是静下心来，想了片刻......

突然感觉其实也并不是那么难的事，哈哈：

只要一个核心的算法就可以了：如果将QQ号根据某种算法F（当然不能太复杂，最好是O(n)的^_^)把它分为N块每块m条记录，每一块放在一台服务器上，这样就相当于一台服务器只服务m条记录，这样想的话就简单多了。最简单的算法就是按顺序放，1~m, m+1~2*m...还有一种简单的就是取余，不过为了让用户感觉不出这样的构架或者说不这么容易被破解，所以会有点点混淆，无论怎样，总之就是达到同样的目的：用个快速的算法，找到它的服务器！这样，即使是用什么数据库、什么语言都影响不大，即时查询即时更新的难度也小很多了。

好，按这种思路试试几个操作的请求流向吧：

1. 注册

通过各种终端注册完成一个QQ号码以后，根据算法F找到为此号码服务的服务器IP，将对应的QQ号码及基本信息发送过去（注册过程）。完成注册操作

2. 登录

第一次登录，通过一台统一的寻址服务器C，服务器C根据算法F将请求路由到对应的服务器S1上，让S1为此Q服务

此过程如果是C/S结构的话，算法可以在客户端完成。或者第一次登录时才访问这台共用服务器C，第一次连接以后，客户端获取到服务器S1以后，之后的操作全部直接发送到S1.这样就完成了登录的操作，当然对于S1来说，服务的客户永远不会超过m个。我还没有去验证这个过程，可以通过抓包去查看远程服务器的地址。有空的同学可以帮忙验证一下。

3. 获取好友列表

某个QQ号码的所有信息都应该放在同一台服务器上，第一次登录是，会把S1上的所有好友信息下载下来。

每次更改状态，得向所有的好友（登录后向所有好友，之后可以向在线（包括隐身的）好友）发送一条指令。（这个可能会是）

4. 向好友发送信息

因为上一个操作已经完成，所以可以知道好友所在的服务器，这时可以直接向好友所有服务器S2发送信息。

5.查找好友（这一点是TX用类似构架的证据）

QQ上提供的查找好友功能比较有限。当然全部会员的查询对于几亿条数据来说，简直是恶梦！因为之前的算法，把各个号码段的用户混在一起，而且单台服务器会员数量够多时，查询时并不需要对整个用户群进行查询（当然精确查询可以直接根据上面的算法F快速查找到好友）。模糊查询时只需要对随机的服务器（或者对会员所在服务器）进行查询就足够了，所以用用户昵称查询时，会查询不到的原因应该就是这样吧。或许，它还会有一些算法，比如在一台服务器上查询不到时可以到另一台服务器查找，不清楚了......

6. 会员服务

貌似没什么特别的，多半是多了些数据保存在服务端

7. 其它

思路差不多就是这样

这样下来，这种C/S结构远比B/S轻松多了，这个大概就是TX这么迟才推出WebQQ的原因之一吧（或许还是为了争夺桌面）。如果只是Web构架的话，无论是用Nginx还是Apache，要支持这么庞大的用户量，估计都得跨掉！

因为是线性的关系，可以无限地添加服务器以支持更大量的在线会员。瓶颈就在于这台共用的服务器C了。当然，还应该有一个数据中心，会定时把各个服务器的数据收集起来，用于防止服务器当机重启或坏掉时可以重新加载数据。

如果服务器C支持保存各子服务器的状态，如果发现某服务器当掉时，立即转向备用服务器，这样就可以保证服务器的不间断运行。

PS：本方案只是可以支持1亿个会员同时在线的一种貌似可行的方案，TX的具体怎样，天知道呢~~~ 欢迎一起讨论

本文链接

[原创]基于jquery.Jcrop的头像编辑器

2010-03-01T09:46:00Z

用过新浪微博的朋友对它的头像编辑器都有印象吧.不过人家是用flash做的.

在一个项目中,也用到了同样的东西,本来想直接用新浪微博的,但它有一部分请求路径写到FLASH里面去了,所以只好放弃.

在网上找到了jquery.Jcrop,基本满足了我的需求,但它只是简单的切割而已,还有缩略图没有生成.或许有很多人都需要这类东西吧,于是我把它封装起来了,方便其它朋友直接使用.

官方网址:http://deepliquid.com/content/Jcrop.html

上面有很多demo,有兴趣的可以上去看看.

此文章中,封装的JS如下:

jQuery.UtrialAvatarCutter = function(config){
    var h,w,x,y;

    var os,oh,ow;

    var api = null;

    var sel = this;

    var img_content_id = config.content;

    var img_id = "img_"+(Math.random()+"").substr(3,8);
    var purviews = new Array();

    var select_width = null;
    var select_height = null;

    if(config.purviews){
        for(i=0,c=config.purviews.length;i<c;++i){
            purviews[purviews.length] = config.purviews[i];
        }
    }

    check_thums_img = function(){
        if(config.purviews){
            for(i=0,c=config.purviews.length;i<c;++i){
                if($('#'+config.purviews[i].id+" img").length==0){
                    $('#'+config.purviews[i].id).html("<img src='"+os+"'/>");
                }else{
                    $('#'+config.purviews[i].id+" img").attr("src",os);
                }
            }
        }
    }

    /*
     *    重新加载图片
     */
    this.reload = function(img_url){
        if(img_url!=null && img_url != ""){
            os = img_url+"?"+Math.random();
            $("#"+img_content_id).html("<img id='"+img_id+"' src='"+os+"'/>");
            $("#"+img_id).bind("load",
                function(){
                    check_thums_img();
                    sel.init();
                }
            );
        }
    }
    $("#"+img_content_id+" img").attr("id",img_id);

    var preview = function(c) {
        if ( c.w == 0 || c.h == 0 ) {
            api.setSelect([ x, y, x+w, y+h ]);
            api.animateTo([ x, y, x+w, y+h ]);
            return;
        }
        x = c.x;
        y = c.y;
        w = c.w;
        h = c.h;
        for(i=0,c=purviews.length;i<c;++i){
            var purview = purviews[i];
            var rx = purview.width / w;
            var ry = purview.height / h;
            $('#'+purview.id+" img").css({
                width: Math.round(rx * ow) + 'px',
                height: Math.round(ry * oh) + 'px',
                marginLeft: '-' + Math.round(rx * x) + 'px',
                marginTop: '-' + Math.round(ry * y) + 'px'
            });
        }
    }

    this.init = function(){
        if(api!=null){
            api.destroy();
        }
        os = $("#"+img_content_id+" img").attr("src");
        if(os=="")
            return;
        check_thums_img();
        for(i=0,c=purviews.length;i<c;++i){
            var purview = purviews[i];
            var purview_content = $("#"+purview.id);
            purview_content.css({position: "relative", overflow:"hidden", height:purview.height+"px", width:purview.width+"px"});
        }

        oh = $('#'+img_id).height();
        ow = $('#'+img_id).width();

        select_width = config.selector.width;
        select_height = config.selector.height;

        select_width = Math.min(ow,select_width);
        select_height = Math.min(oh,select_height);

        x = ((ow - select_width) / 2);
        y = ((oh - select_height) / 2);
        //这是原Jcrop配置,修改此处可修改Jcrop的其它各种功能
        api = $.Jcrop('#'+img_id,{
            aspectRatio: 1,
            onChange: preview,
            onSelect: preview
        });
        //设置选择框默认位置
        api.animateTo([ x, y, x+select_width, y+select_height ]);

    }

    this.submit = function(){
        return {w:w,h:h,x:x,y:y,s:os};
    }
}

比较简单,不再多说

应用部分也非常简单

1. 导入必需的文件

2. 定义原始图片与缩略图的容器

<div id="picture_original">
            <img src="http://static.youhuiduo.net/Attatchment/72383/600X600/634030306987187500.jpg"/>
        </div>
        
        <div id="picture_200"></div>
        <div id="picture_50"></div>
        <div id="picture_30"></div>

3. 配置

var cutter = new jQuery.UtrialAvatarCutter(
{
  //主图片所在容器ID
  content : "picture_original",

  //缩略图配置,ID:所在容器ID;width,height:缩略图大小
  purviews : [{id:"picture_200",width:200,height:200},{id:"picture_50",width:50,height:50},{id:"picture_30",width:30,height:30}],

  //选择器默认大小
  selector : {width:200,height:200}
}
);

4. 触发

$(window).load(function(){
cutter.init();
});

5. 如果是使用ajax上传图片的,可以使用cutter.reload(imgs_url)即时修改图片路径

源文件下载:http://files.cnblogs.com/ycoe/ImgCutter.rar

本文链接

[原创][C#] 如何将String类型转换成任意基本类型

2009-12-02T01:47:00Z

How to convert String to any simple type...Such as string to int/long/double/DateTime/enum/String/bool....when i read the source code of ASP.NET MVC,I find it's so easy to do this....

[原创]Annotation之ElementType.PACKAGE

2009-09-26T09:35:00Z

Annotation的出现，给优美的Java再添加了更广阔的空间，让你可以设计出更加完美，更加叹为观止的程序。项目关系，用到了这个东东在满天下泛滥的ElementType.TYPE,ElementType.METHOD现在，Google下，就可以发现，用ElementType.PACKAGE真的少得可怜。正因为如此，写下此日志，给有需要的人一些参考--有关ElementType.PACKAGE

短信切割算法

2008-12-25T13:53:00Z

在一个项目中，要用到手机发送短信，但是使用的短信猫却无法支持大于70个字符的情况，而且经常收到有朋友的短信，比较长的手机都会自动将它切成几个短信发送。有时候很搞，收到的短信有两条，第二条就只有一个句号而已。或者几乎这种手机都不会去理解语义，直接就在70个字符处切割。为什么不可以根据分隔符去切割呢？至少这样子不会把一段完整的内容不会被强行分割出来。

Log4net的使用

2008-11-19T08:30:00Z

用惯了Log4j,现在用到Log4net还真要整上一阵子,总的来说,没有Java下面这么方便.在Java环境中,只要放一个log4j配置文件,使用默认的文件名,Log4j就会自己去读取,但是在.net 环境下,竟要自己指定Log4net去读取尝试了会,记录下来,备忘.Log4net的配置步骤如下:1. 引用Log4net.dll(http://logging.apache.org/log4net/...