休假回来，看了一下后台的报名数，122 位同学，就在这周六，玉伯、沉鱼、Hax、Goddy 等这一群人，将会在「上海市 徐家汇 广元西路55号 浩然科技大厦 2楼 百姓网 2013/5/25」聚在一起，免费酒水，轻松的环境，没有广告，没有招聘，只有技术和技术生活。
周六的时候邀请的邮件已发出，你确认了吗？上次说了「这次嘉宾很强大我们随便说吗？」，看了报名的数据后想补充一句「这次报名的同学很强大我会随便说吗？」。这周会开始准备 Review 分享的 Keynote，准备会场需要的东西。参与的同学，如果能确认一下邮件，将能帮我们更好地准备这一场会议。
具体的分享介绍和报名，见：http://www.w3ctech.com/event/23
去 Qcon 北京，主要是随同事去听听、聊聊大家在做些什么事，如何做。几场分享，几个饭局，聊了一些生活、技术和团队上的事。或深或浅，对我来说，大家都在做一件事，一件值得记下来的事。
听了 Jing.fm 创始人的演讲，他们在做一件事，解决生活中最基本的，市面上所有音乐提供商却都没做或者做不了的服务：语义搜索。比如我们最常见的一个需求，「想听适合阅读的音乐」，Jing 可以帮助你挑选，并且播放。想想之前一直有这样的需求，但却没办法轻松实现的方法，而虾米音乐有很多人提供了「精选集」这个折衷方案，所以一直在用。我想现在已经可以放弃虾米了。
看了 Fab 的创始人的一些访谈，还有一些记不起的故事中，很多创始人都在说，成功一个很关键的点是，做自己擅长的事，并把它做好。Jing 的施凯文自己就懂音乐，并且知道如何去运用技术来解决这样的问题，再把自己的视界再放宽一点，事情可以做得很好。
昨天中午帮朋友解决了一个表单验证的问题。他说怎么使用你做的 validator.js 总是调不通，看了一下他的代码，大概是这样的：
$('.form').validator({
errorCallback: function(unvalidFields){
// 写了一大段操作 DOM 的东西
}
})
后来我把他的代码删了，改成了这样一行，事情解决了：
$('.form').validator()
Firefox 似乎不知道从那个版本升级后， SSH + AutoProxy 工作起来就不是那么顺畅。Twitter 有时候连得上，有时候又不行，Facebook 就直接断开了。晚上又运作不正常，局域网太受不了，所以… 细节就不说了，弃 SSH + AutoProxy 的模式，试用了 Shadowsocks。
有 Python 版本，不过由于自己比较习惯 Node，所以用的是 Shadowsocks for Node。要它工作非常方便，在远程服务器和本地各 git-clone 下来一份，然后做下面两步：
config.json:{
"server": "127.0.0.1", // 推荐改成 0.0.0.0
"server_port": 8388,
"local_port": 1080,
"password": "barfoo!", // 修改成自己的吧
"timeout": 600,
"method": null // 可以使用 "rc4"
}
上周遇到一个问题，为了不让用户改手机号码，把一个 input 设置成 disabled="disabled"，导致手机号码没有根据 Form 提交到后端。
对于 disabled 和 readonly 两个属性，W3C: Disabled and read-only controls 是这样讲的：
In contexts where user input is either undesirable or irrelevant, it is important to be able to disable a control or render it read-only. For example, one may want to disable a form’s submit button until the user has entered some required data. Similarly, an author may want to include a piece of read-only text that must be submitted as a value along with the form. The following sections describe disabled and read-only controls.
发现，看屏幕和实体书都有一样的感觉，字，都变成 3D 的。意识到是时候删除手机上的赛车游戏了，Need for speed / CSR Racing / Asphalt 已经吃去太多时间。环境这样的外因，有时候不小心就把不强大的内因给吞了，还好保持着阅读的习惯，她总能让人发现问题。那么，顺路平静一下，说说阅读这事吧。
说句不腰酸的话。自己从来不是爱阅读的人，直到现在，不过却一直坚持着翻书、清 Google Reader 和勾掉 Read it later 中的文章。说好听一点是养成了习惯，不好听一点是危机感在追，也就是事出有因（我想，本能也可以是原因）。 Continue reading
可能由于网络、浏览器问题、缓存等原因，可能导致线上执行 js 的时候与开发环境并不一样，会抛出异常。js 异常基本上是前端开发工程师的家常便饭。如何记录，并使用它，却很少人关注。最近在考虑一个想法，基本上涉及到两步：收集和使用。
对于 error 收集这一块，还是比较方便的，因为在各浏览器中都有一个接口：window.onerror：
window.onerror = function(errorMessage, scriptURL, lineNumber) {
alert(errorMessage, scriptURL, lineNumber)
}
甚至中提供了 Stack Trace，比如在 try/catch 中还提供了 e.stack（各个浏览器不同，可以使用 eriwen/javascript-stacktrace 这个兼容库），试一下下面这段代码：
今天在整理一些 js，9月份的时候给百姓网支持了 markdown，但 UGC 的自由意味着我们要做一些保持措施，比如防 XSS 攻击。翻到了9月初写的一篇邮件。当时的背景是，当天上了 markdown 支持，晚上觉得似乎不太对，结果 23 点后开始研究 XSS 攻击。其中有一个难点，如何防止通过外部图片链接进行 XSS。我的解决方案在邮件原文做了简单的介绍：
通过 XSS 的方法好多啊，特别是 image 的方式，而我们今天发布的 viewad markdown 支持是可以使用 img.src 进行外链的，因此需要考虑这样的问题，今晚 11 点多回来研究了一下，主要可以归类为以下几种：
Hmmm… Element.firstChild ?，是的，这是第一种方法，当然，通常来说支持 W3C 规范的浏览器，如 Firefox 等取到的应该是 TEXT_NODE。很早之前，或者说现在最流行的方法可能是：
// 让我们假设要将它抽象出来，变成一个 util 对象的方法
var util = {};
util.first = function(element) {
if(!element) return;
var first= element.firstChild;
// 处理 w3c 浏览器中第一个子元素是 TEXT_NODE
// 并且需要考虑到有没有 COMMENT_NODE 的情况
while(first && first.nodeType !==1) first = first.nextSibling;
return first;
}