IT牛人博客聚合

这是 2011 年最大的收获。感谢老婆。

我非常庆幸我能陪着她成长。感谢 App Store 提供的机会。

2012，继续居家抱娃陪老婆，做一个翻得了墙下得了厨房写得了代码的全职奶爸。

今年的目标，创造一个有那么点牛逼的应用程序，熟悉 Lisp.

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

2003 年，我从网吧淘回了属于自己的第一台电脑，每天安装十数个 Linux 发行版，自此开启了非 Windows 操作系统的旅程。作为 Linux 菜鸟，最爱折腾的是美化桌面。不知为何，我最在意的是字体的呈现效果，以各种 Mac OS X 的截图作为参照，常常赞叹她能把字体表现得如此优美。这大概就是我跟苹果结缘的肇始。

2006 年，我开始学习编程。其时流行 Ruby on Rails. 大家知道，RoR 的很多示例视屏都是以 Mac OS X 上的一个编辑器 TextMate 来演示的。第一次看到代码编辑器可以如此好用，亦见识了 Mac OS X 操作系统优雅的介面。自此将购买 MacBook 作为自己的一个目标，在 2008

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

年初发生两件大事：结婚（虽然还没空去注册领证）和辞职。

年末发生一件大事：老婆意外怀孕了。2011年夏天我升级成爸爸，嗯，也就是大叔了。

而今年也是我收获还凑合的一年，无论是经济上，还是我的编程技能上。自学通了很多计算机基础知识，终于能看通一些算法教材了。

大叔2011年计划的事情：

争取不用上班，能在默默（嘿嘿，我宝贝的名，男女通用）出生前攒够一套南宁房产的首付。

学习设计，提高设计感。平时没事要练练素描。

继续学习计算机基础知识，深入算法，钻钻汇编。

至于做奶爸，那已经是板上钉钉，不用计划的了。

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

为给 HTML 5 让路，W3C 解散了 XHTML 2.0 工作组。这造成了对 XTHML 和 HTML 之间的很多误解，所以就有人画了漫画来解释（英文，中文）。为了避免更大的混乱，我就不多作评论了。

关于本书，可以参考一下我去年的书评。对于前端工程师来说，很多情况下都需要重新捡起以前的代码，不管是不是自己写的，都会面临抉择：重新来过还是基于现状？大部分情况下，后者是唯一选择。勿怨天尤人，重构是你的好朋友。即便是在全新的工作进程中，当你闻到坏坏味道时，也需要很多小型的重构。那么，到底什么是重构？这可不是前几年流行的《网站重构（Designing with Web Stardards）》那本书里说的“重构”，而是”Re

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

拥有 MacBook 已经一年半了吧，有机会接触 Mac 的编程环境，兴趣盎然，一发不可收拾，经过一年的 C 和 Objective-C 语言入门，今年初即开始一些最基本的 Mac 编程，先后做了可可饭和饭否 iPhone 客户端。

有一天想用 iPhone 看一本只有 CHM 格式的电子书（Quartz 2D Graphics for Mac OS X’s Developers），发现 App Store 存在两款软件，试用其中一款，觉得非常不满意，甚至无法满足最基本的阅读需求，就产生了做一个更好的 CHM 阅读器的念头。满足自己的需求，也希望藉此赚点零花钱买个 iPhone 3GS.

于是有了 CHMate, 今

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

入行已久，做的领域也从浏览器扩展到桌面端甚至是手机端，对 Web 标准多少有些自己的看法，今日斗胆一说。

两种家

我们困惑不解、迷惑不安，很大程度上源于没有指导思想。要摆正自己的位置，我们究竟是想做科学家，还是想做工程师。简明扼要，科学家经常要问“为什么”，他们关心了解人类不懂的知识；工程师则利用科学家发现的知识，制造对人类有用的物体或工具。前者研究，后者实战。很明显，我们大多数人属于工程师，W3C 那一群才是科学家。端正自己的态度，很多疑问就会迎刃而解。

两种用法

HTML 生为标记语言，是组织文档的一种格式。随着技术和社会的不断进步，HTML 的用途也逐渐升级。今天它不仅出现在浏览器上（普通网页），它还出现在桌面程序上（

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

最近总算有精力投入到 Cocoa 的学习了，做了一个饭否专用的客户端，名曰可可饭，倒腾了一个多月算是有了一个基本可用的版本：http://code.google.com/p/cocoafan/.

门还在入，欢迎各界人士多多指教。

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

C 可能是世界上最简洁且功能强大的语言，同为 C 的超集（C++现在可能不认为自己是 C 的超集或者相反，我们姑且如此认为吧，至少历史上有过这样的共识），Objective-C 比 C++ 要简洁得多。Objective, 顾名思义，对象者也，为不提供面向对象编程基本功能的 C 添加面向对象的支持，但它不像 C++ 繁冗复杂，最大限度上保持 C 的简洁性。

Objective-C 不像 C 有国际标准，它和 C++ 一样不存在标准。目前主要是 Apple 在维护，最近衍生了 Objective-C 2.0. 使用 Objective-C 的大户也当属 Apple, 因此 Apple 提供的库属于准标准库了。对于开发 Mac 内

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

最近利用 Adobe AIR 做了一个饭否客户端：爱饭，并将之开源。使用 HTML, CSS 和 JavaScript 对着 API 文档照虎画猫，大概三个星期完工，有一些感想和总结。

AIR 的开发对 Web 开发者非常友好，基本上不需要额外的程序知识了，甚至可以使用已有的 JS 库，爱饭就使用了 YUI。但是生成的程序有一通病，那就是占用内存高（爱饭在 Windows 下占用 40m 左右），而且不存在优化之说。做严肃的应用 AIR 还是上不了台面。很多时候觉得，打开一个 AIR 程序，其实就是打开了一个浏览器。

absolute 的 CSS 布局方式非常灵活，对窗口缩放这种情况具有非常好的适应性。使用 webkit 引擎的

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

异步操作数据的方式有两种常见的方式：XMLHttpRequest 和 iframe. 孰优孰劣在此我们不争论，只是想举一个例子说明在获取网片片段上，使用 iframe 有一个比 XMLHttpRequest 更易企及的好处。

Ajax 常见的一种使用方法是加载网页片段填充某个区域。假设我们要在网页 foo.com/index 上请求 foo.com/partial。我们假设 partial 就是 HTML，不涉及 JSON 或 XML 格式。在这种情况下：

使用 XMLHttpRequest 直接访问 partial，获取 responseText 后赋予 index 页面上某个元素的 innerHTML 即可完成。partia

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

Firefox 3 有一个很让人讨厌的bug：基于某种目的，在表单提交时 disable 掉提交按钮，通过后退键回到这个页面后，这个提交按钮的状态依旧保持为 disabled 的状态，重新载入（软硬刷新）也无法改变。

google 良久，从 https://developer.mozilla.org/En/Using_Firefox_1.5_caching 中发现一个 window.onpageshow 事件，window.onload 事件无法在后退的页面中出发，但这个可以，所以解决方案就是它了。

window.addEventListener('pageshow', function(e){
// 重置你不需要 di

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

原文来自 Application Design in AppKit.

This is a discussion of high-level application design in Cocoa that aims to explain the major class roles in an AppKit application and how they are connected. I’ll show you much more detail than simply “Model-View-Controller” and I also give a specific example of h

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

长话短说，看这个 form 元素：

<form method="post" action="_some_action_uri_" id="_form_id_">
<input type="hidden" name="method" value="1" />
</form>

试想一下，使用 document.getElementById('_form_id_').getAttribute('method') 会出现什么情况。Firefox 3, Safari 3, Opera 9.5 都会得到预期 “post”, 但是IE 6 和 7 就没有那么幸运了，得到的是一个 ob

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

问题

一个已经有内容的 textarea 元素，在执行该元素的 .focus() 方法后，不同的浏览器有不同表现。我们的预期是能够出现在内容后面，但只有 gecko 浏览器能做到。

修复

注意：这个函数不能直接运行，函数内的 isIE, isOpera 和 isWebkit 需要你的库提供或你编写，这并不难，对吧。

function fixTextareaFocusCursorPosition(elTextarea){
if (isIE || isOpera){
var rng = elTextarea.createTextRange();
rng.text = elTextarea.

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

一般情况下，访问或设置剪贴板，IE 只需使用 window.clipboardData 的 getData 或 setData 方法即可。Mozilla 家族的浏览器（如 Firefox）则比较麻烦，不仅开发者需要写一沱代码，用户也需要主动配合（就是需要设置允许访问剪贴板）才可以（参考 Using the Clipboard），以致几不可用。至于 Opera 则根本不提供剪贴板，Safari 可以在 onpaste 等非Dom 事件中访问剪贴板（参考 Using the Pasteboard From JavaScript）。

中国特色的网站上有一个很中国特色的应用就是，在一个输入框 focus 时自动帮你把内容复制到了剪贴板中。

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

Web Forms 2.0 是一个很有意思的东东，是 HTML 5 的组成部分。它的目标是提升表单的使用性 (usability)，基本上就是为 input 元素的 type 属性增加一些值，如 type="email"；还有一些新属性，如 required。根据 type 由浏览器实现各种功能。比如，<input type="email" required="required" />，从字面上即可看出，这是一个必须填写，且格式是电子邮件的输入框。如果你用的是 Opera 9+, 猛击这个例子看看效果。

注意，这不需要任何 JavaScript，是浏览器内部实现的功能。很遗憾的是到目前为止只有 Opera 9+ 有部分

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