MongoDB是NoSQL中的一种，随着越来越多公司产品使用，已经开始逐步取代一些高性能查询的地位了。它使用简单，安装更简单。

下载MongoDB

-bash-3.2# wget http://fastdl.mongodb.org/linux/mongodb-linux-i686-2.4.1.tgz
--2013-03-29 23:25:20--  http://fastdl.mongodb.org/linux/mongodb-linux-i686-2.4.1.tgz
Resolving fastdl.mongodb.org... 205.251.212.177, 205.251.212.190, 205.251.212.16, ...
Connecting to fastdl.mongodb.org|205.251.212.177|:80... connected.
HTTP request sent, awaiting response... 200 OK
Length: 93077588 (89M) [application/x-tar]
Saving to: `mongodb-linux-i686-2.4.1.tgz'
 
100%[============================================================================================================================>] 93,077,588   114K/s   in 14m 6s  
 
2013-03-29 23:39:27 (107 KB/s) - `mongodb-linux-i686-2.4.1.tgz' saved [93077588/93077588]
 
-bash-3.2# ls
db  install.log  install.log.syslog  logs  mongodb-linux-i686-2.4.1.tgz
-bash-3.2#

...

JavaScript默认没有提供能直接获取当前执行函数的函数名称方法，但可以通过一些技巧取得当前执行函数的函数名称。

通过arguments.callee对象获取函数的字面量

function fun_name (num){
  var tmp = arguments.callee.toString();
  console.log(tmp);
}
 
fun_name();

Output:

function fun_name (num){
  var tmp = arguments.callee.toString();
  console.log(tmp);
}

...

如何声明数组

var tmp = [];         // 简写模式 推荐
var tmp = new Array(); // 直接new一个
var tmp = Array();      // 或者这样也可以

在new数组的时候可以传入一个参数，表示数组的初始化长度

// new的时候传入一个参数表示初始化数组长度
var tmp = new Array(3); 

console.log(tmp.length);  // Output: 3

但如果你想创建一个只有一个元素3的数组，那么使用new方法是不能实现的，因为系统会把你传入的3当作数组的长度，除非你使用引号引起来当作字符串，如

...

前两天，《用JavaScript写了一款贪吃蛇》，接着趁热也写一款JavaScript版的拼图游戏，耗时四个小时，代码两百多行，滑动效果借助于jQuery animate函数，欢迎大家试玩。

拼图相比贪吃蛇，简单多了，但如果逻辑不清晰会容易迷糊，甚至卡死不知道如何继续下去。本文介绍的是九宫拼图，类似其它4乘4格的拼图跟我这里讨论的实现原理一致。

Demo点这里

...

最早接触贪吃蛇是在诺基亚老式单色手机上，曾经有很长一段时间都迷恋这款游戏，尽管当时丰富的3D网游已经遍地都是。贪吃蛇算不上智力游戏，规则简单，于是我就想写一个JavaScript版本的贪吃蛇。

源码直接看Demo就有: 点这里试玩

分析游戏规则与需求

• 在一个范围内计算出n*n列格子（根据屏幕宽高）
• 画出蛇在中间位置 （计算）
• 蛇能移动 （定时处理）
• 蛇能控制方向 （键盘事件）
• 撞边或者尾巴就Game over （有一个Game over规则）
• 吃蛋（预计下一步坐标与蛋坐标是否相等）
• 每吃一个蛋蛇身加长一个单位（节点操作）
• 随机位置出蛋（不要在蛇身上）
• 每吃一个速度越快（定时函数处理）

...

这几天访问量突增，流量/IO一下上去了，于是检查Nginx日志，发现有好多都是Spider爬行记录。谷歌Spider与百度Spider居多，剩余的什么有道、微软Bing、Yahoo等七八个都在爬。而雅虎Spider貌似比其他更顽固。

我有一个go页面是做留言者网站跳转用的，所以Spider爬到该页面的时候多半是302，最后Spider都会绕行。唯独雅虎Spider不放弃，每天坚持N次才罢休

110.75.171.110 - - [20/Mar/2013:17:07:17 +0800] "GET /20120554.html HTTP/1.1" 200 7965 "-" "Yahoo! Slurp China" -
110.75.172.109 - - [20/Mar/2013:17:10:20 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.107 - - [20/Mar/2013:17:10:26 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.108 - - [20/Mar/2013:17:10:35 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.112 - - [20/Mar/2013:17:10:48 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.111 - - [20/Mar/2013:17:10:54 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.109 - - [20/Mar/2013:17:10:56 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.109 - - [20/Mar/2013:17:10:58 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.107 - - [20/Mar/2013:17:11:00 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.108 - - [20/Mar/2013:17:11:02 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.112 - - [20/Mar/2013:17:11:07 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.111 - - [20/Mar/2013:17:11:17 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.110 - - [20/Mar/2013:17:11:26 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.109 - - [20/Mar/2013:17:11:32 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.107 - - [20/Mar/2013:17:11:36 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.108 - - [20/Mar/2013:17:11:38 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.112 - - [20/Mar/2013:17:11:39 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.111 - - [20/Mar/2013:17:11:41 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.110 - - [20/Mar/2013:17:11:44 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.109 - - [20/Mar/2013:17:11:48 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.172.107 - - [20/Mar/2013:17:11:55 +0800] "GET /go/BeT0h1 HTTP/1.1" 302 5 "-" "Yahoo! Slurp China" -
110.75.173.195 - - [20/Mar/2013:17:59:07 +0800] "GET /201302280.html HTTP/1.1" 200 6544 "-" "Yahoo! Slurp China" -

...

HTML5新添加了两个API分别是pushState和replaceState，DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取，可以在用户的访问记录中前进和后退，我们可以开始操作这个历史记录堆栈。

实例一、通过pushState修改URL

通过这句代码可以无刷新改变URL

window.history.pushState({}, 0, url);

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>HTML5无刷修改URL</title>
    <script type="text/javascript">
      function changeURL(){
        var url = document.getElementById('url').value;
        window.history.pushState({},0,'http://'+window.location.host+'/'+url);
      }
    </script>
  </head>
  <body>
    <h1>html5无刷新改变url</h1>
    <div id="info" style="margin:30px 0;">
      页面真实地址:
      <span style="color:red;"><script type="text/javascript">document.write(window.location.href);</script></span>
    </div>
    <div>
    请输入要改变地URL字符串：<input id='url' type="text" />
    <button onclick="changeURL();">点击无刷改变url</button>
    </div>
    <div style="color:red;margin-top:30px;">请使用支持html5的浏览器访问</div>
  </body>
</html>

...

IP转换成整型存储是数据库优化一大趋势，不少人目前存储IP时还在使用字符串类型存储，字符串索引比整型索引消耗资源很多，特别是表中数据量大的时候，以及求查询某一个IP段的数据，今天说的IP是指IPv4，IPv6不在本文范围内。

系统函数ip2long与long2ip

PHP中有内置函数ip2long可以将ip地址转换整型。

$ip = '210.110.11.49';
echo ip2long($ip);

// Output: -764540111

输出的整型有负号是因为我们得到的结果是有符号整型，有符号整型最大值2147483647，要把结果转换为无符号型可以这么写

...

基于jQuery写的一个弹窗插件，功能简陋，效果单一，主要是是用jQuery的animate函数做同时滑动淡出淡入效果

JavaScript Code

(function($) {
  $.fn.dialog = function (param) {
    if (typeof param.dialog === 'undefined') {
      return;
    }

    var dialog = param.dialog;
    var close = param.close || '.close';
    var speed = 400;
    var margin_left = '-'+parseInt($(dialog).width()/2)+'px';
    var margin_top = '-'+parseInt($(dialog).height()/2)+'px';
    var _this = null; 
    var bg = '<div class="dialog_bg" style="width:100%;height:'+$(document).height()+'px;background:#000;opacity:0.7;filter:alpha(opacity=70);  position:absolute;left:0;top:0;z-index:2147483600;display:none;"></div>';

    $(dialog).css({
      position: 'fixed',
      'margin-left': margin_left,
      'margin-top': margin_top,
      left: '50%',
      top:'50%',
      display: 'none',
      'z-index': 2147483601
    });

    $('body').append(bg);

    $(this).each(function(){
      _this = $(this);
      _this.click(function(){
        if (!$(dialog).is(':visible')) {
          $('.dialog_bg').fadeIn(parseInt(speed/2));
          $(dialog).css({'top':'35%','display':'block','opacity':0.0});
          $(dialog).animate({top:'50%',opacity:1},speed);
        }
      });

      $(dialog+' '+close).click(function(){
        $(dialog)
          .animate({
            top: '65%',
            opacity:0
          },speed,false,function() {
            $(this)
              .hide()
              .css('top','50%');
            $('.dialog_bg').fadeOut(parseInt(speed/2));
          });
      });
    });
  }
   
})(jQuery);

...

我之前写过一篇基于JS的石头剪子布程序 《JavaScript写的一个石头剪子布游戏，大家进来玩玩吧！》，今天又基于Python写了一个实例，这里边的算法有点特殊但一时也想不到一个好的算法规律。

Python Code

# encoding=UTF-8
# 石头剪子布 程序
import random
 
# 定义石头剪子布字典
dict = {1:'剪子',2:'石头',3:'布'}
 
for row in dict:
  print '编号:',row,' = ',dict[row]
 
print '您出什么？'
 
loop = True
while loop:
  you = raw_input('请输入编号回车: ')
  try:
    you = int(you)
    if you>=1 and you<=3:
      loop = False
    else:
      print '请输入 1-3 范围内的编号'
  except Exception,e:
    print '请输入正确的数字编号'
 
dn = random.randint(1,3)
print '你出：',dict[you]
print '电脑出：',dict[dn]
print '结果：',
 
if dn==you:
  print '平局'
elif (you>dn and you-dn==1) or you+2==dn:
  print '你胜'
else:
  print '电脑胜'

...