Velocity 2011会议分享
发布日期：2011年6月30日
感谢公司和部门的支持，6月12号我和其它同事一起前往美国参加了Velocity 2011的会议，在此期间学习到了很多性能优化方面的经验和方法，通过本文整理出来分享给大家。
启程
我们乘坐12号下午4点的国航飞机出发，经过11小时到达了旧金山国际机场，由于时差的关系，到了旧金山后的当地时间是12号中午12点，感觉像穿越了。
下飞机后我们租了2辆车，在美国租车是最经济方便的交通工具，因为地广人稀，除了大城市其它地方都很少见到公交和出租车，导航仪很精确，很顺利就从机场开到了宾馆。
参观Facebook总部
基于Canvas的热力图绘制方法
发布日期：2010年8月31日
一. 介绍
最近参与的一个项目Marmot中需要根据点坐标绘制热力图。
热力图
以特殊高亮的形式显示访客热衷的页面区域或访客所在的地理区域
特点为：
1. 可以显示不可点击区域发生的事情。你将发现用户经常会点击那些不是链接的地方，也许你应该在那个地方放置一个资源链接。比如：如果你发现人们总是在点击某个产品图片，你能想到的是，他们也许想看大图，或者是想了解该产品的更多信息。 同样，他们可能会错误地认为特别的图片就是导航链接。
2. 热力图同时还能告诉你，页面的哪些部分吸引了大多数用户的注意。这对那些对web分析数据没有很多经验的产品人员非常有用。
3. 如果你在一个页面上有多个链接指向同一个URL，例如：如果有不同位置的3个链接指到同一个特定的产品页面 ，那么热力图将会显示你的访客最喜欢点击哪一个链接，这将帮助你提升网页的设计并让它对用户更加友好，不过实现这个功能需要一些设置。
…………
实例如下：
HTML5和CSS3——“CSS之父”谈互联网发展趋势
发布日期：2010年5月13日
5月5日，Opera软件公司首席技术官Håkon Wium Lie先生做客百度，在与百度首席科学家William进行短暂交流之后，又来到会议室与同学们畅谈未来互联网的发展趋势。200多名同学把不大的会议室塞得满满当当，很多同学不得不席地而坐，有的同学甚至站在门口聆听大师的演讲——这或许就是技术的魅力。
运用高中数学知识实现道路捕捉功能
发布日期：2010年4月30日
在百度地图搜索驾车路线的时候，用户可以在结果路线上进行拖拽，使路线按照用户的意愿进行调整。 当用户将鼠标移至路线上时，在路线上会出现一个圆圈和一些文字信息，提示用户可以拖拽当前这个位置，本文介绍了此功能目前的一些问题以及新的解决方案。
现有的问题
在百度地图展示驾车路线结果时，用户可以通过拖动道路上的某个点来实现自定义途经点的功能。如下图所示：
HTML优化
发布日期：2010年3月15日
在前段领域中，对Javascript和CSS的优化一直是大家关注的焦点，相应的压缩优化工具也非常丰富，相对而言对HTML优化的关注则显得有些冷淡。在Steve Souders的大作《Even Faster Web Sites》中谈到非常多有效的前端优化方法，例如Javascript的加载、CSS选择符、图片优化、gzip、iframe问题等，唯独没有细说HTML优化。在整个前端的构成中，HTML是必不可少的一部分，而且是真正的展示“前端”。虽然与动辄十几K的Javascript相比，HTML的大小在整个页面资源中一般不会占太多的比重，而且还有Gzip，但是事实表明，大多数页面都有较大的压缩余地，即使是Gzip过后仍然能减小可观的体积，这一事实在后续的文章中会给出，本文主要讨论HTML优化的一些可行和看上去不那么可行的途径。
雏凤清音——面向数据的前端编程方法
发布日期：2010年1月14日
1 名词解释
桐花万里丹山路，雏凤清于老凤声——唐·李商隐《韩冬郎既席为诗相送因成二绝》
作为一种有别传统的前端编程方法，雏风名之。
面向数据的编程方法，避开繁琐的ui代码，直接针对前端数据模型编程，你的程序就能更加清晰简单。清音名之。
2 从实例开始
避免过于枯燥的陈述，我们从实例开始，我们以百度 WebIM分组管理为例。
这里面，我们需要对用户分组列表执行：添加、删除、修改、保存、取消、排序等六种功能。
这算是一个比较常见的需求，那么，我们通常在前段实现这种功能，一般如何设计？多少代码？多长时间？
思考时间……………………….