相关日志

• 菜头相册更新了26张照片
• WP抽风了
• 菜头5天大了
• 喜得贵子

© Blake HAN for 菜田日记, 2010. | Permalink | 暂无评论 | Add to del.icio.us
Post tags: 个人

提供可用免费的p_u#f@f下载。需要的请继续留言或follow @blakehan

相关日志

• puff v0.03免费绿色版
• 通过imagoxy访问wordpress里的Picasa图片
• 免费的SSH翻墙帐号
• 最新Twitter Hosts列表
• 博客域名被加入GFW关键字黑名单
• 2009年全球新闻自由度排名出炉，中国延续去年仍排名181位
• Twitter新Hosts
• Picasa Hosts列表
• 好极了，终于被墙了
• RT: 修改hosts文件翻墙访问YouTube Twitter facebook

© Blake HAN for 菜田日记, 2010. | Permalink | 81 条评论 | Add to del.icio.us
Post tags: Fuck GFW, puff, 翻, 翻墙

典型的Web应用读的操作比写操作多很多，所以很多通用架构并不适用于交互式游戏。读操作很重可以通过添加缓存来解决。写操作很重则需要进行数据分区以及采用基于内存的架构。

2. 每个模块都设计成独立的服务

独立开每个模块可以降低一个模块拖垮其他模块的概率。必要时可以停止一些功能以缓解系统压力。

3. 缓存Facebook数据

当严重依赖于外部模块时可以考虑通过缓存外部模块的数据来降低延迟。

4. 提前考虑新版本相关的使用高峰

5. 数据抽样

当分析海量数据的时候，可以通过数据抽样找到问题，不需要处理所有的数据。抽样数据同样可以找到问题而且能减少很大的工作量。

相关日志

• I’m Going To Scale My Foot Up Your Ass
• Real World Web: Performance & Scalability
• How Google Serves Data from Multiple Datacenters
• RT: 修改hosts文件翻墙访问YouTube Twitter facebook

© Blake HAN for 菜田日记, 2010. | Permalink | 暂无评论 | Add to del.icio.us
Post tags: architecture, Facebook, scalability

1. Google输入关键字”xmas”会发现搜索结果和广告之间的分隔符变成了圣诞彩灯。

而如果输入关键字“christmas”则看不到。可能和广告定点投放有关。

2. Google输入关键字”merry xmas”在搜索结果里会多一个“Last Results for merry xmas”，里面会滚动播放twitter中和merry xmas相关的推。

anyway,

MERRY X’MAS!

相关日志

• 10个Google Analytics使用技巧
• How Google Serves Data from Multiple Datacenters
• Android Market 应用程序与游戏销量榜 – 09年7月
• On2被Google收购
• Google Wave帐号已获得！
• 哈哈，收到了Google Wave的邀请邮件

© Blake HAN for 菜田日记, 2009. | Permalink | 暂无评论 | Add to del.icio.us
Post tags: Google

1.测试并提升你的jQuery选择器水平

这个jQuery选择器实验室非常酷，它能在线免费使用，当然你也能下来到本地离线使用。这个测试页面包含复杂的HTML组合字段，然后你能尝试预定义使用各种jQuery选择器。如果这还不够你也可以自定义选择器。

2.测试jQuery包装集是否包含某些元素

如果你想测试一下某个jQuery包装集中是否包含某些元素，你首先可以尝试使用验证首个元素是否存在：

if($(selector)[0]){...}
// 或者这样
if($(selector).length){...}

来看看这个例子：

//例子.如果你的页面有以下html代码
<ul id="shopping_cart_items">
  <li><input class="in_stock" name="item" type="radio" value="Item-X" />Item X</li>
  <li><input class="unknown" name="item" type="radio" value="Item-Y" />Item Y</li>
  <li><input class="in_stock" name="item" type="radio" value="Item-Z" />Item Z</li>
</ul>
<pre escaped="true" lang="javascript">...
//这个if条件将返回true，因为我们有两个
// input域匹配了选择器，所以<statement>代码将会执行
if($('#shopping_cart_items input.in_stock')[0]){<statement>}

3.从jquery.org读取jQuery最新版本

你可以使用这句代码读取jQuery的最新版本的代码文件。

<script src="http://code.jquery.com/jquery-latest.js"></script>

你可以使用这个方法来调用最近版本的jQuery框架，当然，你还可以使用下面这个代码从ajax.googleapis.com调用同样的最新版本jQuery：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"
type="text/javascript"></script>

4.存储数据

使用data方法可以避免在DOM中存储数据，有些前端开发er喜欢使用HTML的属性来存储数据：

$('selector').attr('alt', 'data being stored');
//之后可以这样读取数据:
$('selector').attr('alt');

使用”alt”属性来作为参数名存储数据其实对于HTML来说是不符合语义的，我们可以使用jQuery的data方法来为页面中的某个元素存储数据：

$('selector').data('参数名', '要存储的数据');
//之后这样取得数据:
$('selector').data('参数');

这个data方法能让你自己明明数据的参数，更语义更灵活，你可以在页面上的任何元素存储数据信息。如果想了解更多关于data()和removeData()方法的介绍，可以看看jQuery官方讲解

这个方法的经典应用是给input域一个默认值，然后在聚焦的时候清空它:
HTML部分:

<form id="testform">
 <input type="text" class="clear" value="Always cleared" />
 <input type="text" class="clear once" value="Cleared only once" />
 <input type="text" value="Normal text" />
</form>

JavaSript部分:

$(function() {
 //取出有clear类的input域
 //(注: "clear once" 是两个class clear 和 once)
 $('#testform input.clear').each(function(){
   //使用data方法存储数据
   $(this).data( "txt", $.trim($(this).val()) );
 }).focus(function(){
   // 获得焦点时判断域内的值是否和默认值相同，如果相同则清空
   if ( $.trim($(this).val()) === $(this).data("txt") ) {
     $(this).val("");
   }
 }).blur(function(){
   // 为有class clear的域添加blur时间来恢复默认值
   // 但如果class是once则忽略
   if ( $.trim($(this).val()) === "" && !$(this).hasClass("once") ) {
     //Restore saved data
     $(this).val( $(this).data("txt") );
   }
 });
});

查看Demo

5.jQuery手册常备身边

大多数人都很难记住所有的编程细节，即使再好的程序员也会有对某个程序语言的疏忽大意，所以把相关的手册打印出来或随时放在桌面上进行查阅绝对是可以提高编程效率的。
oscarotero jquery 1.3 (壁纸版)

6.在FireBug控制台记录jQuery

FireBug是我最喜欢用的一个浏览器扩展工具之一，这个工具可以让你快速的在可视化界面中了解当前页面的HTML+CSS+JavaScript，并在该工具下完成即时开发。作为jQuery或JavaScript开发人员，FireFox对于记录你的JavaScript代码也得到支持。

写入FireBug控制台的最简单方式如下:

console.log(“hello world”)

你也可以按照你希望的方式写一些参数：

console.log(2,4,6,8,“foo”,bar)

你也可以编写一个小扩展来记录jQuery对象到控制台：

jQuery.fn.log = function (msg) {
    console.log("%s: %o", msg, this);
    return this;
};

对于这个扩展，你可以直接使用.log()方法来记录当前对象到控制台。

$('#some_div').find('li.source > input:checkbox')
    .log("sources to uncheck")
    .removeAttr("checked");

7.尽可能使用ID选择器

在使用jQuery之后，你会发现利用class属性来选择DOM元素变得相当简单。尽管如此，还是推荐大家尽量少用class选择器取而代之 尽量多使用运行更快的ID选择器(IE浏览器下使用class选择器会在遍历整个DOM树之后返回相符的class包装集)。而ID选择器更快是因为DOM本身就有”天然的”getElementById这个方法，而class并没有。所以如果使用class选择器的话，浏览器会遍历整个DOM，如果你的网页DOM结构足够复杂，这些class选择器足矣把页面拖得越来越慢。让我们看看这段简单的HTML代码:

<div id="main">
<form method="post" action="/">
  <h2>Selectors in jQuery</h2>
  ...
  ...
  <input class="button" id="main_button" type="submit" value="Submit" />
</form>
</div>

var main_button = $('#main .button');
var main_button = $('#main_button');

<li>Description: <input type="text" name="description" value="" /></li>
$('#shopping_cart_items input.text').css('border', '3px dashed yellow');
$('#shopping_cart_items input.text').css('background-color', 'red');
$('#shopping_cart_items input.text').val("text updated");

var input_text = $('#shopping_cart_items input.text');
input_text.css('border', '3px dashed yellow');
input_text.css('background-color', 'red');
input_text.val("text updated");

//same with chaining:
var input_text = $('#shopping_cart_items input.text');
input_text
 .css('border', '3px dashed yellow')
 .css('background-color', 'red')
 .val("text updated");

$(window).load(function(){
 // 将你希望在页面完全就绪之后运行的代码放在这里
});

$('#shopping_cart_items input.in_stock')
    .removeClass('in_stock')
    .addClass('3-5_days');

$.fn.makeNotInStock = function() {
    return $(this).removeClass('in_stock').addClass('3-5_days');
}

$('#shopping_cart_items input.in_stock').makeNotInStock().log();

<style>
 div.button    { background:#cfd; margin:3px; width:50px;
   text-align:center; float:left; cursor:pointer;
   border:2px outset black; font-weight:bolder; }
 #sliding      { display:none; }
</style>

$(document).ready(function(){
// 使用jQuery的click事件改变视觉效果，并开启滑动效果
 $("div.button").click(function () {
   //div.button 现在看上去是按下的效果
   $(this).css({ borderStyle:"inset", cursor:"wait" });
   //#sliding 现在将渐隐并在完成动作之后开启渐显效果
   //slideup once it completes
   $('#sliding').slideDown('slow', function(){
     $('#sliding').slideUp('slow', function(){
       //渐显效果完成后将会改变按钮的CSS属性
       $('div.button').css({ borderStyle:"outset", cursor:"auto" });
     });
   });
 });
});

$.expr[':'].mycustomselector= function(element, index, meta, stack){
    // element- DOM元素
    // index - 堆栈中当前遍历的索引值
    // meta - 关于你的选择器的数据元
    // stack - 用于遍历所有元素的堆栈

    // 包含当前元素则返回true
    // 不包含当前元素则返回false
};

// 自定义选择器的应用:
$('.someClasses:test').doSomething();

$.expr[':'].withRel = function(element){
  var $this = $(element);
  //仅返回rel属性不为空的元素
  return ($this.attr('rel') != '');
};

$(document).ready(function(){
//自定义选择器的使用很简单，它和其他选择器一样，返回一个元素包装集
//你可以为他使用格式方法，比如下面这样修改它的css样式
 $('a:withRel').css('background-color', 'green');
});

<ul>
  <li>
    <a href="#">without rel</a>
  </li>
  <li>
    <a rel="somerel" href="#">with rel</a>
  </li>
  <li>
    <a rel="" href="#">without rel</a>
  </li>
  <li>
    <a rel="nofollow" href="#">a link with rel</a>
  </li>
</ul>

//定义预加载图片列表的函数(有参数)

jQuery.preloadImages = function(){
  //遍历图片
  for(var i = 0; i<arguments.length; i++){
    jQuery("<img>").attr("src", arguments[i]);

  }
}
// 你可以这样使用预加载函数
$.preloadImages("images/logo.png", "images/logo-face.png", "images/mission.png");

//将测试分成若干模块.
module("Module B");

test("some other test", function() {
  //指定多少个判断语句需要加入测试中.
  expect(2);

  equals( true, false, "failing test" );
  equals( true, true, "passing test" );
});

相关日志

• 没有相关日志

© Blake HAN for 菜田日记, 2009. | Permalink | 暂无评论 | Add to del.icio.us
Post tags: jquery

据淘宝相关人士确认，淘宝将于12月8日推出一款“淘宝”品牌手机，该手机是与联想进行合作的。另有消息人士称，淘宝还正在与中国电信洽谈，以期取得更多的优惠。据悉，淘宝手机将全面整合手机版淘宝网、支付宝、旺旺等应用，让用户更为方便地使用淘宝上的一系列功能。

消息人士称，淘宝方面还正在与中国电信进行洽谈，希望获得更多的话费补贴和分成，预期双方将于近期签订合同。另外，除了联想之外，淘宝也积极与其他手机终端厂商合作，以使“淘宝”手机有更多的选择。

去年以来，淘宝频频在移动互联网方面布局。目前，淘宝网已经开通手机淘宝网站，手机版旺旺等，并于今年宣布投资手机浏览器UCWEB，并宣布双方将展开战略合作。

业内人士称，随着3G时代的到来，淘宝全面布局移动互联网业务已是非常正常的必要之举。

联想方面对此予以了证实，并表示淘宝手机实为联想i61的行业定制版本。这款淘宝手机至少拥有黑白两种机身颜色，同时还有竹、梅两种不同风格的主题。有分析称，不排除淘宝手机推出梅兰竹菊四种中国元素主题的可能。

对此，淘宝方面仍然没有透露更多的细节。据悉，这款淘宝手机实为联想i61的行业定制版本，而这也是联想首次与电子商务网站联合推出定制手机。

未经证实的消息称，将于下月12日推出淘宝手机将采用联发科MTK系统平台。手机中将整合UC浏览器、手机淘宝网、手机支付宝、手机旺旺等应用。此外还包括条码扫描搜索功能，借助这一应用用户使用淘宝手机扫描条码后，可直接在淘宝上搜索相应产品。

新闻来源：搜狐IT，新浪科技

哎，为啥不是Android手机呢～

相关日志

• 天哪，联想的O1送我都不要

© Blake HAN for 菜田日记, 2009. | Permalink | 暂无评论 | Add to del.icio.us
Post tags: 手机, 淘宝, 联想

我是开心网的铁杆活跃用户，之前偶尔也用iPhone上手机开心网。即便用EDGE，速度也难以接受，不逼到万不得已或者实在闲得无聊又没有事情做，偶尔上一下。以前还用手机上过移动地图，查一个地方没有10分钟搞不定。

上 个月下决心买个3G手机来玩，于是搞了一台烂大街的Nokia E71上了联通WCDMA的网络。这下爽了，虽然响应速度和WiFi＋宽带相比还有差距，但起码是可以接受的速度。如果看比较大的网页或者下载软件，连续 传输速度也是相当不错，我没有认真测试，感觉上大约可以到200-600kpbs/s。

3G能给我们带来什么，之前的各种看法往往都趋向 于悲观。一方面，TD-SCDMA的确像扶不起来的阿斗，OPhone的价格又贵到想要砍人；另一方面，CDMA2000合用的终端种类太少，WCDMA 网络覆盖似乎还不行，而且这两家运营商都会遇到换号的麻烦。但两周实际用下来，我爱上3G了。我只在北京做了测试，除非你在厕所车库或者楼梯间，信号一般 都不成问题，有时候比移动还好。话费比较便宜，上网速度很快，如果不是以前号码的拖累，我想我切换到联通并不会遇到什么更多的障碍。

3G毕竟是潮流趋势，也许需要经历一个两三年的切换过程，但着眼于未来，这个切换完成后，世界又会怎么样？我并未像某些人那样悲观。

以前，移动互联网的用户以“三低”著称，即低收入、低年龄、低学历。如果去问任何一个手机游戏公司的人，他们会告诉你他们的典型用户是蓝领工人、保安、护 士、军人、学生。这些人都有一个共同的特点，就是总会有段闲得蛋疼的时间，又无网可上，于是耐着性子用手机上网，总比闲着强。

所以江南春 说分众和诸多网络公司搞的都是“无聊经济”，用民众的无聊时间创造价值。那么我们把这个概念延伸一下，人群对恶劣的应用使用条件（比方说速度巨慢）的耐受 能力有多强，取决于他有多无聊。由于”三低“人群是最无聊的一批人，所以他们对手机网速的耐受能力也最强，所以率先跨入了龟速移动互联网时代。

但无聊人人有，表现各不同，这个世界上没有不无聊，只有更无聊。开心网玩的无疑也是无聊经济。只不过，某些人群的无聊程度还没那么严重，空闲时间也没那么多，所以对龟速无线网络的耐受能力自然也就没有那么强。

3G 一定会改变这些。就像当年从拨号上网进化到ADSL宽带，一方面，用户在单位时间内可以浏览的网页数增加了，提高了效率；另一方面，很多以前在窄带做起来 很勉强甚至完全没法做的应用，比方说游戏和视频，升级到宽带以后有了大面积推广的条件。移动互联网也是这样。速度的提高，可以让“不那么无聊”的人群，也 可以开始用手机打发相对有限的无聊时间；另一方面，很多带宽依赖度比较高的应用，现在可以在3G网络上用了。

前几天，我和恩泽争论这个问题，恩泽认为，下面的趋势，并非是网络速度促进了非“三低”人群开始使用互联网，而是非“三低”人群开始以手机作为他们已经习惯访问的Web网站的延伸。典型如人人（校内）和开心网，据说人人有1/3的流量来自于手机。

其 实这两个观点并没有本质矛盾，殊途同归。关键是，如果无线互联网用户人群开始扩大并且向较高级别的用户迁移，那么这些新的用户究竟需要什么。传统互联网的 WAP站和速度共同把中高端人群拉到移动互联网上面，一方面，传统互联网可以获得发展，另一方面，中高端人群一旦习惯用手机访问互联网，那么必然会诞生新 的、适应于手机移动特性，脱离或者部分脱离于传统互联网存在的新应用。

而那些习惯了2G/2.5G时代三低用户访问习惯的诸多WAP网 站，能不能跟上这个形势与时俱进，就是一个必须要考虑的问题。Life Style的差异，导致即便在中国，甚至即便在一个城市里，不同人群的需求都有巨大差异。所以美国只有Facebook＋Myspace，而中国有开心、 人人、51、Qzone等一堆基本在一个量级上的网站，出现这种现象的原因，是在于中国人群差异度太大，人口总量也很大，不同的细分人群有不同的需求，需 要数量更多的网站来适应。

回到移动互联网的话题，我相信，随着高端用户开始尝试、习惯移动互联网，随着3G逐渐普及，这个市场上会有新机会。就像当年校内喊着SNS大局已定，三个月后开心网出现了。变化就意味着机会，关键在于把握变化中的用户需求。

via: http://blog.jianjiang.net/?p=372

相关日志

• 没有相关日志

© Blake HAN for 菜田日记, 2009. | Permalink | 暂无评论 | Add to del.icio.us
Post tags: 移动互联网

点此下载

相关日志

• 没有相关日志

© Blake HAN for 菜田日记, 2009. | Permalink | 暂无评论 | Add to del.icio.us
Post tags: 书籍

记得用https访问，低调传播～

相关日志

• Twitter新Hosts
• RT: 修改hosts文件翻墙访问YouTube Twitter facebook
• Picasa Hosts列表
• 泡芙
• puff v0.03免费绿色版
• 大栅栏事件推特报道
• 博客域名被加入GFW关键字黑名单
• 2009年全球新闻自由度排名出炉，中国延续去年仍排名181位
• 通过imagoxy访问wordpress里的Picasa图片
• 免费的SSH翻墙帐号

© Blake HAN for 菜田日记, 2009. | Permalink | 16 条评论 | Add to del.icio.us
Post tags: Fuck GFW, Hosts, Twitter

2010/02/10 – 该URL被和谐，请访问http://b.blakehan.com/2010/02/10/泡芙

12/24 – 发布Puff圣诞免费版。有需要的朋友请留言或发邮件给我～同样，请低调传播，不要以任何形式在网页上直接公布下载链接

10/27 – 终于又有免费能用的Puff了。今天将会发给所有留言的朋友。请大家低调传播～

Puff v0.03免费版又可以用了。现提供绿色版给大家。可以通过以下两种方式获得：

1. 回复本日志，并在个人信息出填写邮件地址，我会通过邮件发送。

2. 通过twitter @blakehan 索要。

相关日志

• 泡芙
• 最新Twitter Hosts列表
• 博客域名被加入GFW关键字黑名单
• 2009年全球新闻自由度排名出炉，中国延续去年仍排名181位
• Twitter新Hosts
• 通过imagoxy访问wordpress里的Picasa图片
• 免费的SSH翻墙帐号
• Picasa Hosts列表
• 好极了，终于被墙了
• RT: 修改hosts文件翻墙访问YouTube Twitter facebook

© Blake HAN for 菜田日记, 2009. | Permalink | 366 条评论 | Add to del.icio.us
Post tags: Fuck GFW, puff