今天在使用 AutoDiscovery 发送数据时，发生了错误码为 40 的错误，直接在 UDPSocket 的属性列表里找了一下，没有找到对应的错误码。
在网上搜了一下，找到这篇帖子，里面提到在发送大量数据时，UDPSocket 就会报错误，并且这个错误没有在文档中提到，因此这应该是一个系统级别的错误。
MonkeybreadSoftware 提到了 unix 的错误码定义：
#define EMSGSIZE 40 /* Message too long */
联想到在程序中是在今天开始有问题的，而且今天添加了一大堆数据，看来的确是同于 UDP 消息过大造成的错误 40。
在网上找了找，使用 UDP 发送消息时，报文的大小最好不要超过 MTU，否则会就容易丢包。我在测试时是使用的 127.0.0.1，包大小为 12.5K，照理说应该是直接走 loopback 而不需要走路由的，就算超过 MTU 也应该能发送，不清楚是不是因为 OS 内部实现机制的问题。
为了彻底解决这个问题，最后还是采用了 TCP 来传递大量数据，只使用 UDP 来传递一些控制信息。
本篇所讲关于 AIR 的内容是基本 HTML+JS，而不是 Flex 或其他。
在 AIR 中，如果当前页面有一个 iframe，并且我们需要获取这个 iframe 的内容，但是如果 iframe 里包含的是远程页面，在默认情况下，浏览器策略并不允许这种情况，这就是同源策略的限制。
在 Titanium 这个类似于 AIR 的平台中，默认情况下是可以直接从应用的页面中去读取 iframe 中的内容而没有任何限制，但是在 AIR 中不可以。在网上搜索了一番，再看了好几遍 AIR 的文档之后，终于找到解决问题的方法了。
在 AIR 中，iframe 标签拥有额外的几个属性：sandboxRoot、documentRoot、allowCrossDomainXHR 及 ondominitialize。这里为了解决读取 iframe 内容所用到的属性就是 sandboxRoot 及 documentRoot。
通过 sandboxRoot 及 documentRoot，可以将本地的页面映射为远程页面，并在沙盒中运行，另外，在沙盒中运行的页面就会拥有映射域名的域。例如，我们可以将本地的 proxy.html 映射为 http://example.com/local/proxy.html，这样，在实际运行时，proxy.html 中如果用 document.domain 获取页面所在的域，就会得到 example.com，这个时候如果在 proxy.html
这是一篇介绍类似于 js hack 的文章，只是说明了一种可行的途径，并且可能会增加代码复杂程度，具体项目中是否可以使用还请自辨：）
在前端开发过程中，有许多业务流程可能是需要用户进行登录的，并且登录过程是放在弹出层中，这样就可以不用刷新页面，增强用户体验。在登录时，用户的操作就会被打断，为了进一步增强用户体验，我们可能需要在登录完成后自动继续进行用户在登录前想进行的操作。
假设有这样一个场景，用户需要发表一个留言，但是发表留言是需要登录的，而发表留言的输入框是一直显示的，这也就要求在用户点击了发表按钮时对用户登录状态进行验证，传统的做法是将在用户登录状态检查封装在一个函数之中，这个函数接收一个回调参数，如果登录验证通过，则执行回调函数。这样的逻辑可以用以下代码表示：
function doAction() {
checkLogin(function() {
// 处理业务逻辑
});
}
function checkLogin(callback) {
if (isLogin) {
callback();
} else {
showLogin(callback);
}
}
function showLogin(callback) {
document.getElementById("login-btn").onclick = function() {
isLogin = true;
callback();
};
}
总觉得这样的方式会将业务逻辑放到一个匿名函数中，而不是放在了按钮的事件响应函数中，感觉上不是那么好。这对整个事件响应函数的改动比较大，主要的业务逻辑都放在了登录验证函数的回调中。而希望可以是下面这样：
在 REALbasic 中，如果需要执行 cmd 命令，可以直接使用 Shell 类，但是这样的话，编译成 Windows 程序时会额外需要一个 Shell.dll 的动态链接库，这对于我这样的 1exe 爱好者是不能忍受的。但是对于 Mac OS X 和 Linux 的生成目标来说，是不存在这个问题的，因为 Mac OS X 的应用程序本身就是一个文件夹，而 Linux 的目标不会生成额外的链接库。因此，需要针对 Windows 进行特殊处理。于是在网上搜索解决方案，找到了 VB 中执行程序的几种方法：
1. 使用 CreateProcess
通过 CreateProcess 以及使用管道，可以执行外部程序并获取输出，但是这个方法过于烦琐，并且我也不需要外部进程执行完毕后的输出结果，因此不采用。
2. 使用 Shell 方法
VB 里有一个 Shell 方法，但是在 RB 中并没有，所以此路不通。
3. 使用 ShellExecute
这个方法同样是一个系统 API，可以直接通过 …
阅读全文 »
上一篇介绍了 HTML5 中 Canvas 的路径，这篇将要介绍一下 Canvas 中的颜色及渐变。
Canvas 中的基本颜色系统
在 Canvas 中，颜色主要用途就是在绘制路径时，用来指定填充颜色和边框颜色。
Canvas 中的颜色参数值有两种格式：
1. 如果透明度为 1.0，也就是不透明，颜色值的格式就与一般使用一样，为：#AABBCC，其中 AA、BB、CC 分别为 Red、Green、Blue 分量。
2. 如果透明度不为 1.0，也就是带透明，颜色值格式可以使用 rgba(r, g, b, a)，其中 r、g、b、a 分别为 Red、Green、Blue 分量和透明度。透明度的值为 0 至 1.0 之间的一个数值。
3. 颜色值还可以为已知的颜色名称，例如 red、blue、green 等。
总的说来，Canvas 中颜色值的格式与 CSS 中一致，因此颜色值没有特别需要注意的地方。
<canvas id="canvas" width="600" height="500"></canvas>
<script …上一篇介绍了 HTML5 中 Canvas 的基本概念，这篇将要介绍一下 Canvas 中的基本图形。
图形的基础 - 路径
在 Canvas 中，所有基本图形都是以路径为基础的，也就是说，我们在调用 2dContext 的 lineTo、rect 等方法时，其实就是往已经的 context 路径集合中再添加一些路径点，在最后使用 fill 或 stroke 方法进行绘制时，都是依据这些路径点来进行填充或画线。
在每次开始绘制路径前，都应该使用 context.beginPath() 方法来告诉 Context 对象开始绘制一个新的路径，否则接下来绘制的路径会与之前绘制的路径叠加，在填充或画边框时就会出现问题。在绘制完成路径后，可以直接使用 context.closePath() 方法来关闭路径，或者手动关闭路径。另外，如果在填充时路径没有关闭，那么 Context 会自动调用 closePath 方法将路径关闭。
基本路径方法
1. beginPath, closePath
这两个方法在前面已经介绍过，分别用来通知 Context 开始一个新的路径和关闭当前的路径。
在 Canvas 中使用路径时，应该要保持一个良好的习惯，每次开始绘制路径前都要调用一次 beginPath 方法，否则画出来的效果难看不说，还会严重影响性能。
在下面这张图中，左边的图形在每次绘制矩形前都调用了一次 beginPath 来清除之前的路径并重新开始绘制新的路径，而后面的图形则就只在绘制所有图形前调用了一次 …
阅读全文 »
什么是Canvas
<canvas> 是一个新的 HTML 元素，这个元素在 HTML5 中被定义。这个元素通常可以被用来在 HTML 页面中通过 JavaScript 进行绘制图形、合成图像等等操作，也可以用来做一些动画。当然，目前 HTML5 规范还在草稿阶段，正式发布也许要等到2010年，不过现在已经有不少浏览器已经支持了部分 HTML5 规范。目前支持 canvas 元素的浏览器有 Firefox 3+、Safari 4、Chrome 2.0+ 等，因此，在运行本页中的例子时，请确保你使用的是上述浏览器之一。
尽管在 Mozilla 已经有不少关于 Canvas 的教程，我还是决定把自己的学习过程记录下来。如果觉得我写的不够明白，那么你可以在参考资料中找到 Mozilla 网站上 Canvas 教程的链接。
另外，可以在这里找到一些有趣的 Canvas 示例。
开始使用 Canvas
使用 Canvas 很简单，与使用其他 HTML 元素一样，只需要在页面中添加一个 <canvas> 标签即可：
<canvas id="screen" width="400" height="400"></canvas>
当然，这样只是简单的创建了一个 …
阅读全文 »
Mozilla Labs 在今年情人节那天发布了一个叫 Bespin 的编辑器，这是一个基于网络的可扩展文本编辑器，按照现在流行的说法，就是“云编辑”了。并且，这个编辑器是开源的。
Bespin 是基于 Canvas 的，因此目前它只支持少数浏览器，其中包括 Firefox 3+、Safari 4 以及 Chrome 2 开发版，因此，如果要使用 Bespin 的话，你必须使用这几款浏览器中的一种。
要体验 Bespin，可以直接在 bespin.mozilla.com 注册一个帐号并且登录，不过目前 bespin.mozilla.com 所用的代码并不是最新版本的，线上使用的代码有许多不完善之处。因此，除了使用 Mozilla Labs 官方的 Bespin 站点，我们也可以从 Mozilla Labs 下载 Bespin 源代码，并在本地搭建 Bespin 服务，从而可以体验 Mozilla Labs 最新的开发成果。
注意，这篇文章并不介绍怎么去使用 Bespin，而是介绍怎么样去配置一个可以在本地运行的 Bespin 服务器，因此，如果你需要了解怎么去使用这个编辑器，可以参阅 Mozilla Labs 上的文档，或者等我再写一篇使用 Bespin …
阅读全文 »
YUI学习笔记（4）
by xujiwei (http://www.xujiwei.com/)
YAHOO.util.Subscriber 与 YAHOO.util.CustomEvent。
1. YAHOO.util.Subscriber (event.js)
这 应该算是设计模式中的观察者模式了，Subscriber 订阅一个事件，在 Publisher 触发那个事件后，会逐个通知 Subscriber。
对 于一般开发者来说，并不需要去关心 Subscriber 的实现，因为 Subscriber 主要是 CustomEvent 用来分发动作以及删 除 Subscriber 的。
Subscriber 类只定义了 3 个属性：fn、obj 以及 override，3 个方 法：getScope、contains、toString，其中 fn 为订阅者的回调函数，obj 为要传递给回调函数的一个额外参 数，override 如果是布尔型的 true 值，那么表示使用 obj 属性为回调函数执行时的上下文，或者直接使用一个对象来作为回调函数执行的 上下文。
Subscriber 的 3 …
阅读全文 »
YUI学习笔记（3）
by xujiwei (http://www.xujiwei.com/)
YAHOO.lang.later，YAHOO.lang.trim，YAHOO.lang.isXXX 以及 YAHOO.lang.hasOwnProperty。
1. YAHOO.lang.later(yahoo/yahoo.js)
later 方法用来延迟执行方法，是对 setInterval 和 setTimeout 的封装，并且可以传递参数到延迟执行的函数或者使用参数数组批量执行指定的函数。
later 方法的签名为：
later: function(when, o, fn, data, periodic)
when 是用来指定在多长时间后执行指定的函数，以毫秒计算；
o 是上下文对象，即在要执行的函数里使用 this 是会引用这个 o 对象；
fn 就是要延迟执行的函数了，可以传递一个函数引用，也可以传递一个字符串，later 方法会在 o 对象中查找对应名称的属性来做为要执行的方法；
data 就是传递给延迟执行的函数的参数了，可以为一个参数，或者是一个参数数组，那么如果我们要传递的参数本身就是一个数组的话，就要自己先把这个参数数组包装成一个数组；
peridoic 参数是一个布尔值，用来表示延迟执行的函数是否需要周期执行而不是只执行一次。
later 方法执行后会返回一个对象，包含了一个名 interval 的属性用来表示函数是以 setInterval 来执行的还是以 setTimeout 来执行的，以及一个方法
近期评论