IT牛人博客聚合

有了sublime，利用xcode的命令行，可以在不启动xcode的情况下正确build出phonegap的app并在模拟器中运行。

具体步骤如下：

首先安装最新的 ios-sim

(OSX 使用命令 rake install prefix=/usr/bin/)

之后使用xcode命令的build脚本（保存到 sim-run.sh）就可以编译和载入模拟器运行

接下来要做的事情是将build脚本加入到sublime的Build System中

具体方法如下：

Sublime菜单 > Tools > Build System > New Build System

编辑打开的文件：

{

    &q

查看全文: http://www.udpwork.com/item/7070.html

上次我写到利用 Sina App Engine 翻墙回国内看优酷土豆等网络视频，其实就是利用新浪的云计算平台搭建了一个代理，国外跳转为中国 IP 地址从而绕过优酷、土豆等视频网站的限制。这个方法虽然稳定免费，实施起来却有些麻烦。今天介绍一个方法，不需要翻墙代理，非大陆地区就可以直接观看优酷和土豆视频。

使用方法

1. 使用 Google Chrome 浏览器。

2. 到 Chrome Store 安装 Unblock-Youku 扩展 https://chrome.google.com/webstore/detail/pdnfnkhpgegpcingjbfihlkjeighnddk

（插件已发布到官方应用商店，直接通过上面的

查看全文: http://www.udpwork.com/item/7035.html

【感谢 Neo 投递本文 – 微博帐号：_锟_ 】

前言：还是一篇入门文章。Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包对于那些使用传统静态语言C/C++的程序员来说是一个新的语言特性。本文将以例子入手来介绍Javascript闭包的语言特性，并结合一点ECMAScript语言规范来使读者可以更深入的理解闭包。

注：本文是入门文章，例子素材整理于网络，如果你是高手，欢迎针对文章提出技术性建议和意见。本文讨论的是Javascript，不想做语言对比，如果您对Javascript天生不适，请自行绕道。

什么是闭包

闭包是什么?闭包是Closure，这是静态语言所不具有的一个新特性。

查看全文: http://www.udpwork.com/item/6954.html

HTML5在技术上发展越来越快，在输入方面浏览器也开始具备了更多能力。舜子一直在关注视频和音频流在html5的支持，虽然不是什么创新点，但是对html来说是一个非常重要的能力。

Chrome 18开始就把MediaStream放到实验室里，不过记得在19前的这些版本里，getUserMedia 接口一直不太稳定，很容易crash。近期发现Chrome 19.0.1055 dev在这个接口的稳定性上有较好的提升。不过在稳定性上，还需要改善。例如，摄像头使用次数过多后，媒体流会莫名中断，对于没有安装摄像头的检测做得不够完善，可能会导致浏览器crash。不过相信chrome以后的版本会fix这些问题，也希望能在chrome 19 的re

查看全文: http://www.udpwork.com/item/6931.html

前言:虽有陈皓《Javascript 面向对象编程》珠玉在前，但是我还是忍不住再画蛇添足的补上一篇文章，主要是因为javascript这门语言魅力。另外这篇文章是一篇入门文章，我也是才开始学习Javascript，有一点心得，才想写一篇这样文章，文章中难免有错误的地方，还请各位不吝吐槽指正

吐槽Javascript

初次接触Javascript，这门语言的确会让很多正规军感到诸多的不适，这种不适来自于Javascript的语法的简练和不严谨，这种不适也来自Javascript这个悲催的名称，我在想网景公司的Javascript设计者在给他起名称那天一定是脑壳进水了,让Javascript这么多年来受了这么多不白之冤，人们都认为他

查看全文: http://www.udpwork.com/item/6905.html

最近看到了js1k网站上的比赛，突然很有兴趣参加一把，于是写了一个自己的作品Save Messed Up Love放了上去。

所有提交的作品必须用小于1024B的javascript实现，我花了一些精力用一些变态技巧优化用工具精简过的代码体积，成功将代码从原来的1271B减到988B，空出的代码让我有空间增加一些额外的功能。在这里给大家分享一下这些变态技巧，注意，千万不要在实际项目中使用。

首先介绍一些不变态的技巧，算是入门级的内容，其要点是时间换空间，这是与jslint的原则背道而驰的，把下面每个点都反过来看可能就是正确的编程方法了……

尽量使用with

javascript的with关键字是神器，详见下面的代码：

//

查看全文: http://www.udpwork.com/item/6903.html

什么是PyV8?

PyV8是一个Python封装V8引擎的壳。它提供了简单可用的API，能够利用python来构建出JavaScript的运行时环境。

PyV8能用来干什么？

在nodejs火热流行的时代，或许很少人关注这个基于python简单封装的v8引擎。在某些方面，它比nodejs简洁，而它们拥有同样的本质基础，使得它具有和nodejs相似的潜力。

既然是基于v8的，那么利用它来解析dom和执行javascript是理所当然的。试想一下，如果我们能够建立一个系统把html文档结构解析成w3c dom树，那么我们就可以在上面运行任何javascript，使得这个系统事实上成为一个浏览器（尽管缺少渲染和显示的部分）。

不

查看全文: http://www.udpwork.com/item/6891.html

所用到的js脚本：

<script type="text/javascript">
document.getElementsByTagName("iframe")[0].src="replace.php?"+document.getElementsByTagName("iframe")[0].src;
</script>

replace.php代码：

<?php
$site=$_SERVER['QUERY_STRING'];
$ch = curl_init();
       &

查看全文: http://www.udpwork.com/item/6777.html

一、需求

自动登录 phpMyAdmin。最终能够解决自动登录所有使用 Basic Auth 方式认证的网页。

二、phpMyAdmin 的四种认证登陆方式

config 配置文件。直接将允许登录的用户名和密码写在 config.inc.php 配置文件中。

cookie。最常用的方式，通过填写首页表单进行登录。

http。HTTP Basic Authentication 方式，使用浏览器的弹出式对话框进行登录。与 cookie 方式的区别主要在于用户体验。

signon。单点登录，适用于系统集成。用户登录了某系统后，不必再输用户名密码即可以一键登录 phpMyAdmin。

参考：http://wiki.phpmya

查看全文: http://www.udpwork.com/item/6942.html

背景

我一直很关注如何设计大规模的 JavaScript 应用，因为我一直在做的都是大规模的 JavaScript 应用。从百度 Hi 网页版到百度地图，从 Yahoo Search Direct 到豌豆荚客户端。好吧……Yahoo Search Direct 本身的规模不大，但作为一个网页插件它要能跑在任何宿主页 面上，其复杂度也不低。在大规模 JavaScript 应用开发和维护的过程中，有两个问题尤其值得关注：设计和性能。前者是必须在开发阶段之前做好的，开发开始后就来不及改了，只能事后重构；后者则更多发生在开发的中后期，等 profiling 结果出来了，再针对瓶颈做优化。在这个文章系列中，我们的关注点是设计。

尽管我一直

查看全文: http://www.udpwork.com/item/6718.html

Javascript是一个类C的语言，他的面向对象的东西相对于C++/Java比较奇怪，但是其的确相当的强大，在 Todd 同学的“对象的消息模型”一文中我们已经可以看到一些端倪了。这两天有个前同事总在问我Javascript面向对象的东西，所以，索性写篇文章让他看去吧，这里这篇文章主要想从一个整体的角度来说明一下Javascript的面向对象的编程。（成文比较仓促，应该有不准确或是有误的地方，请大家批评指正）

另，这篇文章主要基于 ECMAScript 5， 旨在介绍新技术。关于兼容性的东西，请看最后一节。

初探

我们知道Javascript中的变量定义基本如下：

var name = 'Chen Hao';;
var e

查看全文: http://www.udpwork.com/item/6671.html

一、什么是 Placeholder ？

在 HTML5 的 input 标签中新增了一个 placeholder 属性，作用是在输入框中默认显示一些提示文字，以创造更好的用户体验。

使用方法：

<input type="text" placeholder="Username" />

查看 Demo

该特性仅被现代浏览器支持，在旧版 IE 下我们可以使用 javascript 来模拟实现。

二、Placeholder 的 js 实现

var doc = document,
inputs = doc.getElementsByTagName('input')

查看全文: http://www.udpwork.com/item/6947.html

上周我完成了chrome的markdown-preview扩展的修改，使它支持markdown文件的实时预览功能。现在可以考虑用这个功能来做一些更酷的事情，比如说，写Todo list?

开始干

首先我找到了一个叫topmarks的markdown样式文件，这个样式文件能给出一个漂亮的Todo list样式，我把它合并到了 修改后的markdown preview插件

关注了一下markdown-preview原作者的github，他有计划增加一项功能，让用户可以自定义css文件，但是近期完成无望，所以我新增了一个topmarks的分支，采用新的样式

在chrome的扩展中重新加载插件

效果图

如图，我采用vim编辑文件

查看全文: http://www.udpwork.com/item/6582.html

之前看到有一款叫Mou的软件可以编辑markdown格式的文本内容并且实时预览，可是我比较喜欢用vim编辑器，所以就想着能不能用别的软件配合着来实现实时预览。

今天看到一个chrome的扩展叫markdown preview，它可以自动把md或markdown后缀的文本转换为html格式在chrome中查看，只是还欠缺一个自动刷新的功能。然后我看到它的源码已经放在github上，于是抓回来做了一些修改，加上了自动刷新的功能。

演示

尝试了一下在vim中编辑文件，然后在chrome中浏览，效果还不错，见下图：

更改后的扩展

我把修改后的markdown preview插件放在github上 ， 已经尝试向原作者发起pull

查看全文: http://www.udpwork.com/item/6570.html

在StackExchange上有人问了这样一个问题：What should every programmer know about web development?（关于Web开发，什么是所有程序员需要知道的？）里面给出的答案非常不错，所以，我翻译转载过来。 顺便说一下，StackExchange真是非常好，大家可以对同一个答案做贡献和修订，看看这个问题的修订过程你就知道了——专业的问答网站应该怎么去做。这就是我在这篇文章中也说过真正的用户体验是什么样的。

好了，下面是正文（我对原文做了一些批注，也许不对或有误导，请大家指正）

下面的这些东西可能对于大多数人并不陌生，但是可能会有些东西你以前并没有看过，或是没有完全搞懂，甚至都没

查看全文: http://www.udpwork.com/item/6480.html

Some of you guys like add “Twitter button” or “Facebook Like button” on your website. But if your visitor from china that don’t use VPN or anyother jailbreak the G-F-W tools, it will slow down the page load until the browser’s default timeout time “60s”.

So i wrote this

查看全文: http://www.udpwork.com/item/6391.html