诺兰的蝙蝠侠三部曲完美终结

现在就来分享下《黑暗骑士崛起》里一个精彩配乐。
来自音乐大师Hans Zimmer 的 Gotham’s Reckoning

诺兰版本的三部曲代表了主角的三个主题
1. Fear (the scarecrow)
2. Chaos (the joker)
3. Pain (Bane)

当一个视觉片做到完美视觉——完美配乐后,又开始挖掘人性和社会的深层思考时,它已经天下无敌

善用HTML5″data”自定义属性

制作一些和后台交互非常多的网站的时候,经常需要后台语言输出一些数据到html里,最方便的莫过于在html标签里放进某个属性,来保存这个标签所需要的部分信息,以便调用。比如

<li indexNum="01" lang="cn">围城</li>
<li indexNum="02" lang="en">冰与火之歌</li>

例子中,这两本书为了保存书的序号和语言,使用了两个非法的Attribute:“indexNum”和“lang”。
如果在validator.w3.org中进行合法性检测会显示“Attribute indexNum not allowed on element li at this point.”

推荐用HTML5的新属性data,以上的语句就可以变为

<li data-indexNum="01" data-lang="cn">围城</li>
<li data-indexNum="02" data-lang="en">冰与火之歌</li>

想访问的话,可以用传统的访问属性的方法,也可以用Jquery的.data()方法:

$("li:first").data("indexNum")=="01" //true
$("li:first").data()  //这里将获得一个JSON格式的对象,可以进行对象内的属性修改

具体还是参考官方文档吧:http://api.jquery.com/data/

教你下载任意网页上的视频

有不少朋友想下载网络上的Flash视频,而又苦于没办法,虽然各种浏览器有插件支持,但是视频网站数量之多,不如来个万能的方案?

我们需要浏览器的Debug功能了,推荐Chrome,FireFox,Opera。

首先,打开我们想下载的视频的观看页面,比如我们这次用的是Chrome,看的是最佳视频奖的《和ODEN的最后一分钟》
和ODEN的最后一分钟

继续阅读教你下载任意网页上的视频

推荐用JSON来写对象工厂方法

推荐用JSON来写工厂方法(Factory Method),本人特别喜欢使用JSON的格式,主要原因是条理清晰,整体感强。
推荐用JSON写工厂方法,很好理解,新建对象,然后返回就行了。可读性非常强,推荐下
下面这个例子是用工厂的方法定义两个”角色”对象

var wordspace=document.getElementById("spotlight");
var Character={
    crate:function(name,lv,exsist){ //传了3个值
        var newobj={
            name:name,
            lv:lv,
            exsist:exsist||false,
            spotlight:function(){
                wordspace.innerHTML+='Name: '+this.name+' Level: '+this.lv+' Exsist: '+this.exsist;
            },
            destroy:function(){
                wordspace.innerHTML+='Name: '+this.name+' is Gone!!';
                return null;
            }
        };
        return newobj;
    }
};
var Character1=Character.crate('Vurtne', '23'); //创件角色对象,可读性比常规工厂方法强
var Character2=Character.crate('DrakeDog', '85', true);
Character1.spotlight();
console.log(Character1);
//断开引用,好让环境自动释放内存
Character1=Character1.destroy();
console.log(Character1);

参考资料

How to share SSH tunnel for an non-jailbreak iPad

本文由regou.me原创转载请保留此行
这篇文章是写不越狱的iPad如何共享使用局域网中的SSH隧道的,顾及到有很多国外朋友的需求,先写个英文版,英文水平有限,有错误请指出

I bought an new iPad last week.The fonts on the screen are incredibly sharp!
You may want to hold it,lazy in bed watch the YouTube and Vimeo.But due some reason ,we can’t watch them cause they’re been blocked.


Some may suggest using VPN,that’s fine,and the easiest way,but SSH Tunneling is much cheaper.
if you don’t have your iPad jailbreaked,so local port forwarding will not going to work.We need share a established tunnel with a pc which on our home network .Let’s do it ,in this way:

  1. First,connect an SSH in your PC.
    1. I prefer “Bitvise Tunnelier” for client ,connect ssh for the tunnel as you used to,but change the Listen Interface to 0.0.0.0 (see the screenshot ) and port 37111(as you want)
      Listen Interface
    2. You may need to accept the incoming port (in this case is TCP 37111)on the firewall
  2. Open the text editor ,and make a PAC file
    1. Copy the code down here,and change 10.0.0.169 to your PC’s ip address,and 37111 as your set
      function FindProxyForURL(url, host) {
      return 'SOCKS 10.0.0.169:37111';
      }
    2. Upload the .pac file to your FTP server(highly recommended the tiny “Slyar FTPserver“,it’s the best way to build a local ftp server in just few seconds) or http server whatever where your iPad could access, and remember the address of your uploaded file
  3. Change the iPad http proxy->; Auto ->;URL to your .pac file’s location

ALL DONE!!

发布 WordPress手机版 WordPress Mobile Reader

这是一个WordPress的手机版阅读器,用Ajax去请求博客的RSS XML内容
纯粹前端,没用用到PHP
由于Ajax限制,它必须和博客同域名(跨域名解决方案看底部更新)

托管在Google,使用方法、Wiki页面、问题、BUG里面很全了,

大家也可以在此文章下面评论也可以在项目页里评论

Host by GoogleCode : http://code.google.com/p/wpmr/

Demo: https://blog.regou.me/m/

—————8月30日跟新跨域名解决方案————
可以配置 .htaccess 文件,来允许Cross-origin resource sharing,从而跨域名阅读博客,甚至无需空间直接在下到本地阅读博客

相关文章:http://dev.opera.com/articles/view/dom-access-control-using-cross-origin-resource-sharing/#SettingResponseHeaders
只需要在博客域名下的.htaccess里添加这么一行就可以让任意域对其进行XHR请求

Header set Access-Control-Allow-Origin *

要注意,IE10以下浏览器或过低版本的Firefox Opera Safari不支持此功能