第一个上来分享的是web标准交流会上一个非常熟悉的面孔，那就是我们的美女吕婷同学。她的主题是《我和javascript的那些事》，内容涉及了她学习javascript的心理历程以及学习经验。吕同学从一个完全没有javascript基础的前端开发，坚持学习，一直在努力的进步，并在近期加入了一个全公司都是mac、令人羡慕的创业团队，她是每个前端工程都需要学习的好榜样。

接下来，是我分享的《闭包应用实例》（ppt地址，最好使用chrome或者safari浏览）。闭包是脚本开发中应用最广泛的技术概念之一，理解闭包是成为高级前端工程师的必经之路。但是闭包的概念却不好理解，来交流会之前我和台湾的定宇闲聊，说我要去交流会讲闭包，他说都不敢讲这个主题，因为太晦涩，而且很多人会睡觉。我觉得他错了，至少现场并没有人在睡觉：）

以下是我的开场白，也是我很久以来想说的话。

今天的主题是我和javascript的那些事，我想先分享我对它的看法。
现在javascript已经融入我的生活，就好像它从来也没有存在过一样，我曾经做梦梦到自己是一个javascript文件。每天看自己负责的网站，背后支撑的系统像是远古的森林，自己写的javascript程序就像在森林中的一条条小溪。
我对javascript感情至深，它是世界上最被误解的语言，它也是世界上最优秀的语言，我甚至希望它无所不能，服务端编程、多线程、socket、甚至是洗衣服。
每个前端工程师血液里面流的都是javascript。

在QA环节，去哪儿的前端架构师-金埔同学进行了闭包的补充，他提到的闭包真经这篇文章在这里。

然后是来自新浪的阿当分享了他对tab选项卡的实践和思考过程。tab是前端开发用得最多的功能组件之一，抽象过程虽然简单，但写好并不容易。因为之前我对tab也有一些经验和想法，在阿当的QA环节，我分享了自己对tab的抽象过程和实现原理。之后来自遨游的赵锦江、百度的月影、百度的rank都对这个主题进行了补充，讨论非常精彩。

最后百度的rank分享他在脚本组件设计和编码方面的心得（ppt地址），都是来自一线的实际经验，所以特别有料。里面谈到很多模块化开发的思想，收获很多。

这次交流会亲身体会到做分享真的很累，尤其对类似我这种加班如吃饭，时间屈指可数的人，为了备课，不得不连续熬夜。当然有付出肯定就有回报，能在交流会上认识那么多牛人，那么多的朋友，再多辛苦也是甜。

另外这是我第一次在公司外部分享，做得不够好的地方有：
1.突发情况没有心理准备，现场的投影仪两次连接mac的时候都死机了，而且分辨率无法调到最优，当时真是手足无措；
2.现场没有wifi，导致后来临时决定要补充阿当的主题，我需要先用gprs下载代码到e71手机，然后通过蓝牙传到mac。更悲剧的是ucweb不能直接输入网址下载，我需要在新浪微博转一下才能另存为文件，超级麻烦；
3.如rank提到，ppt当中如果能多点解释图形，效果会更好一些。

现场照片（版权归崔凯同学所有，更多见http://bbs.blueidea.com/thread-2997200-1-1.html）：

我在分享中，封面图片是一道鱼翅龙虾，投影的对比度低，看不太清。

集体合影，我脚下穿的是最近新败的asics gt2150

这次交流围绕前端工程师如何学习javascript展开，首先分享的是来自遨游公司的赵锦江同学。他在分享中提到前端工程师可能来自两种工种，一种原来是设计师，一种原来是作后端编程的，当然还可能是纯粹原生的前端开发，我和张克军都属于这一种。锦江同学还演示了Microsoft Expression Web和Webkit Inspect Elements的使用，我对Inspect Elements比较感兴趣，但平时不怎么用，之后还请教了锦江同学相关的几个小问题。

接着克军分享了他对前端学习的一些想法。非常赞同里面的大部分观点，比如说对前端工程师来说，html、css和javascript三者是相互支撑的关系，缺一不可，而且不能只看重一项，畸形发展。前百度前端工程师钱宝坤同学讲了一些javascript底层的东西，内容不记得了，因为我也听不懂。

交流期间裕波点名让我发言，非常不好意思，面对很多人我总是很紧张，害怕说错了一会他们又要踩我。

关于前端学习，我在最初入行两年走过不少弯路，当时总是贪多，看了很多书，理论丰富，但是知识掌握却不牢固。加入创业公司之后才意识到问题所在，之后开始专注，同时抓住了大量的实践机会，水平进步才比较快。从我的经历来看，掌握前端技术需要大量的学习和大量的锻炼，才能真正融会贯通。一项技能要达到专家水平，起码需要花一万个小时的练习，用在前端开发上面也是一样。

有人问学习YUI能不能提高自己的编码水平呢？答案是肯定的。之前聊天，台湾的蒋定宇先生有提到说，jQuery能帮你快速完成工作，而YUI能帮助你学习javascript。YUI像一把重剑，重剑无锋，但它后面拥有源源不断的力量。它非常严谨，工程化，可以帮助你提高编码质量。在使用YUI遇到问题或者需要查阅文档的时候，推荐直接阅读它的源码，里面条理清晰，一点也不晦涩难懂。

至于框架的学习，和一些人观点不一样，我建议学习完语法以及DOM/BOM相关知识后，就可以开始接触框架的使用。只要在公司做事，都会使用到框架、类库，按时按质量完成工作是第一位的。框架的底层实现也没那么高深，工作之余可以慢慢研究。

总的来说，还是要多看书多实践。

另外opera的子斌今天也有到场，他还要在中国待一段时间，然后回opera的挪威总部。挪威是个很美的国家，希望以后有机会去看看。

定宇原来在雅虎台湾工作，现在任职于D-link友讯科技，人很热情，乐于分享，还特别热爱运动（这次来北京上身着一件puma，下身穿一双ASICS），我就特别喜欢和这样的朋友交往。他有提到facebook的面试会有一系列有意思的puzzle，比如他们会问你喜欢喝什么饮料，因为有统计表明喜欢喝相同饮料的工程师彼此会比较容易相处。定宇下飞机后就去了百度作交流，他觉得百度的工程师都很不错，大陆的前端开发已经做得非常厉害了。

子斌在opera工作，他是马来西亚人，这次是从opera的挪威总部专程来到北京参加webrebuild的年会。子斌中文讲得很好，声音有点像凤凰卫视的胡一虎。子斌给每人送了一件high standards的opera开发者T恤。

webrebuild年会是前端开发工程师的盛会，这次选择在北航学术交流厅举行。会议中的美女主持人有来自w3c中国的安琪，吕婷，腾讯的麦子还有负责现场英语翻译的前图灵编辑印星星同学。

第一个上台分享的是来自w3c的Klaus Birkenbihl(中文名 岳林)，主题是《data on the web》。演讲中他有提到很酷的旅行网站tripit.com，还有google的rich snippets、yahoo的search monkey以及facebook在RDF方面的实践，值得一提的是安琪翻译的中文版ppt非常幽默。

接下来是我们的定宇同学，今天他要讲《建立团队前端开发环境》，也是今天最有料的主题。会议开始之前我一直和定宇坐在第一排，和他闲聊，收获很多。上台之前他还在不断修改keynote，还问我一些修改意见，因为他对国内前端开发现状还不是太了解，有一些词汇他觉得可能用大陆的词汇会更好一些，比如软体改成软件，全局变数改成全局变量。他还问大陆这边工程师的英语水平怎么样，我告诉他，英语听力和阅读都是没有问题的，所以演讲的时候不需要太担心这个。定宇对待事情真是一丝不苟，值得大家学习。另外在昨天吃饭的时候我发现他还非常喜欢记笔记，这也是一个好习惯。

定宇讲的主题中，我比较感兴趣的是三点：
1.虚拟代理软件fiddler的使用和其中含有的一些开发思路；
2.源码提交时使用jslint和code sniffer来作语法检查，让犯错误变得困难；
3.模块化的开发实践

午饭后，子斌上台分享他在html5和css3方面的研究。中间有问到听众有多少人在工作中开始使用css3，竟然有20%的人举手，这点比较让我感到意外，前端开发人员确实具有非常高的学习热情，另外也说明渐进增强的理念已经开始被很多人接受。

然后是腾讯的范俊豪分享网页性能优化的主题，主要涉及css sprite和data uri方面的优化，另外演示了几个腾讯内部使用的小工具。

之后是张克军分享《关于前端架构，我说的其实是…》，讲目前豆瓣网的前端架构和他在架构方面的一些思考，这是今天最有养分的主题，内容比较多，需要慢慢消化才行。其中有提到豆瓣的工程师可以在家晚上使用vpn修ticket，这种惬意的事情真实让人羡慕。

最后是彪叔分享他在web标准化方面的一些思考，使用的是ipad来演示，非常酷的。彪叔号召大家作为前端开发人员，一定要对自己的代码要负责，要让它们更符合标准。

总的来说，这次交流会非常成功，裕波、rekey等webrebuild工作人员付出大量的心力和时间为前端行业做了非常有意义的事情，在此感谢他们努力的工作。

这次交流会做得不够好的地方：
1.不应该带定宇和子斌去吃火锅，应该去吃清淡一点的菜系，因为第二天定宇告诉我他肚子很不舒服，呵呵；
2.会场的投影和灯光都不行，如阿肆所说“会场只能在摄像和看清PPT中间做出选择了”，最后让嘉宾进行黑灯演讲；
3.中午吃饭没有指引安排，导致有不少参会人员在路边啃烧饼的惨剧。

webrebuild会场门口

演讲开始前的会场(第一排是我和蒋定宇同学)

更多照片请访问：http://www.douban.com/event/album/28163457/

来自百度有啊团队的月影同学第一个发言，滔滔不绝讲了十几分钟，话题从前端开发工程师个人的知识管理、分享到团队知识收集发布均有涉及。月影对知识管理方面已经思考了很长时间，在这方面有大量积累，发言连贯，思路清晰，令人佩服。

我在会上也有发言，但是没有准备，即兴讲得不好，这里再用文字小结一下。

对于知识收集和管理，首先得明确什么样的知识值得收集和管理？

只有经过自己思考沉淀的知识才值得收集和记录。比如会上大部分同学都提到的，在开发过程中遇到的陷阱（也就是所谓的坑），如果没有多少人遇到过，或者自己有新的理解，这样就应该记录下来，以免自己或者别人再次碰到，重复浪费大量的时间精力。又比如看过好的文章和书籍，有自己的感悟和总结，这些应该收集起来，即使你只是写给自己看。没有仔细看过的链接，没有心得收获的文章，这些不需要任何记录，即使将来找不到，也没有关系，因为它没有价值。

我知识收集的方法是三多：多读好书，多看好代码，多写代码。

多读好书，要看《javascript权威指南》，《javascript高级程序设计》，《css权威指南》等等这些经典，另外douglas crockford和john resig个人网站上的文章都不要错过；
多看好代码，YUI和jQuery的代码就是最好的范例，看的越多，收获越多；
多写代码，代码写百遍，其义自现。

这些是知识收集的基础和主干，是最重要的部分。搜索引擎和订阅RSS是知识收集中的枝叶，Greader上面的好文章很多，但是自己感兴趣并去消化的好文难得一遇，采集的效率偏低。收藏网址和文章没有任何必要，如果觉得它不错，把它的要点记录下来，大部分收集的文章都不会再次阅读，收集和整理的过程又耗尽心力。

我在知识收集方面犯过最大的错误就是收集保存了大量的文章，而从来不去看第二遍，购买和储藏了一整个书柜的书籍，却没时间和心思认真阅读过多少本。这是我踩过最大的坑，此生绝对不会再犯第二次。

在知识管理方面，blog和wiki都是不错的方式，blog比较适合记录完整的思考，wiki适合零散的记录。团队知识的收集发布，wiki几乎是标配，很多公司都在用，这是非常好的现象。除这两者以外，我还经常使用google note和纸制的笔记本写笔记和整理零散的思路，而twitter则不太适合作知识管理，当然如果喜欢，你也可以这么做。最近看李笑来老师的《把时间当作朋友》，以后可能会增加日记的方式，看自己能不能坚持。

另外，会上月影提到浏览器和开发框架（如YUI、jQuery）的css selector实现正好相反，浏览器从后往前匹配，而YUI部分则从前往后匹配，其中涉及getElementsByTagName的思路和算法都很有意思，有空也研究研究。

之后两天租了两辆吉普赶往各个景区，沉醉大草原之中，深陷不能自拔。青青的山坡，蔚蓝的天空，清新的空气，勤劳的农妇，这一切都是那么的美好。

期间游玩的景点有白桦林、将军泡子、盘龙峡谷、月亮湖、影视基地、红山军马场、北沟村、泰丰湖、七星湖公园等，这次没有时间去的景点有七彩山、蛤蟆坝。

旅行建议：
1.草原温差大，请准备好防寒衣物如防风外套、秋裤等；
2.景区资源匮乏，物资较贵，请自带足够的零食；
3.蚊子非常多，带上风油精或清凉油；
4.景区消费高，务必备足现金，物价水分较多，结帐的时候可以砍价；
5.如非四驱越野车，千万不要进入草原景区，除非公路可以到达；
6.旅游旺季六月中旬到九月中旬，此间草比较绿，效果最好。

以下图片版权归nikki同学所有：

第一个是来自淘宝北京的拔赤分享YUI combo和minify经验，combo在解决组件依赖和优化下载方面非常出色。这里引发了一个缓存和合并下载的权衡讨论，因为combo合并下载势必会造成一些js文件不能缓存的情况。以我的经验，海内和饭否就是典型的两个例子，海内用户交互多、功能庞杂、代码量大，合并下载并不是最优的，解决思路是在首页载入后利用客户端的空余时间下载后续页面的脚本文件，饭否功能简单、代码量相对比较小，所有代码在发布到生产环境都会压缩合并成单一文件，以期提高页面载入速度。

接下来是淘宝北京的鲁超伍分享《小谈Javascript设计模式》。鲁同学的分享是基于《javascript设计模式》这本书，我去年也正好看过。谈到职责链模式的时候，鲁同学说找不到实际的例子，其实我们吃饭的时候，简单来看，消化过程就是一个典型的职责链模式嘛。javascript在设计模式实现时，是有缺陷的，比如没有原生的interface，没有interface，有些模式是无从谈起的。单体、观察者和外观在javascript有广泛应用。

然后是马士华分享《understand web images》，内容涉及jpeg、gif和png算法，比较学术，在场的同学能听懂的不多，然后来自新浪的唐友华进行了补充。讨论的结果是非常有意义的，也是这次交流会的亮点之一。

1. jpg在输入51%质量的时候会产生一个拐点，文件大小相较50%要大；
2. 一般只有比较小的gif图片压缩率才会高于png；
3. png是无损压缩，再次编辑不影响质量；
4. 在页面实现中，png8是完全可以替代gif的；
5. photoshop输出png时使用的是布尔透明而非alpha透明，fireworks可以输入alpha通道的png，所以fireworks处理png更好一些。

看来美团一直不采用png8来代替gif，实在是太落伍了，下来要改进。

接着克军分享了最近的一些关于前端工程师学习、思考、行动的想法，一些观点源自蔡学墉的日志《你的公司是什么颜色？》。最后傲游的赵锦江分享了他在知识管理方面的一些经验。

非常高兴看到，这次交流的气氛比上两次的要好，同时希望更多的前端工程师加入到我们中来，大家把前端开发继续向前推进。

5月9日去北航参加了w3c ceo – Jeffrey Jaffe的演讲交流会，来参加的大部分都是一线的前端开发工程师(来自腾讯、百度、优酷等)以及网媒科技频道的编辑，另外还有浏览器厂商如chrome、mozilla和maxthon的人到场。会上Jeffrey作了题为《The next generation platform for the Web》的演讲，主要是关于HTML5的最新进展。提问环节，大家踊跃发言，气氛很好。CSDN、InfoQ和腾讯科技在会后对Jefferey有专访。另外优酷的同学给w3ctech提供了一个单独的频道(http://c.youku.com/w3ctech/)，这里要感谢一下。

交流会结束后和裕波一伙人等去北航附近的餐馆吃饭，和同桌的几个人交换了名片，一致称赞美团网名片设计得非常漂亮：）。之后一群人(裕波、彪叔、阿肆、rekey、haxy、rlog、gaowhen、tension等)去了五道口的LUSH酒吧。人生第一回去酒吧，还在彪叔的蛊惑下喝了一种特别high的酒，罪恶啊。这些人真是一群疯子，之后有一次玩牌输了，喝了一杯混合辣椒，番茄酱，酱油的啤酒，特恶心，于是不和他们玩了。

大概十点的时候离开了LUSH，散场后彪叔觉得喝得不爽，于是几个人又到了旁边的一家重庆小吃店继续。彪叔从深圳请年假自费来北京，之前在交流会上提问w3c ceo -Jefferey，w3c在改善前端从业人员的现实问题能否作一些工作，比如推动浏览器厂商对于遵循web标准的网页直接绕过html tidy解析，这样遵循标准的页面就是比普通的页面速度更快，让各大互联网公司能更直观看到优秀前端工程师的真正价值。但很无奈，Jefferey是不能给出一个满意答案的，这显然让人无法接受（尤其彪叔），因为在推动web标准化最基础的力量是什么？是这些在一线工作的前端开发工程师们。彪叔、裕波、haxy等这些人都是站在整个前端行业发展的角度来看问题，令人钦佩。一直在小吃店聊到两点多才各自散去。

可怜的我，第二天还得起来上班。

Jeffrey Jaffe

会后合影

接下来是周爱民老师分享的《前端架构、框架与库的实战》，一看养分就很足。因为ppt中展示大量的代码，爱民老师提议大家到前面坐，于是我偷偷地到前面站去了。不过我水平太低，分享的架构设计基本没有听懂。在目前的前端开发中，是否需要那么复杂的抽象过程，我是带着一些怀疑的。

交流会结束后和大家在沸腾渔乡吃了饭，很荣幸和玉伯一桌，饭后还一起去茶楼聊天，非常开心。将来举行的w3ctech交流会，如果不出意外，我将会继续参加，愿意和大家一起交流和分享前端开发中的心得和一些思考。

交流会视频地址：http://v.youku.com/v_playlist/f4412259o1p2.html

二、#qcon
4月25日星期天，下午混进在京仪大酒店的qcon会场，听淘宝的小马和道长(Douglas Crockford)在前端领域的分享。

小马分享的主题是《淘宝网前端应用与发展》。演讲时小马还没有忘记给他的师傅承志作广告，另外多次提到克军，就好像是他们两人一起在分享。在说为什么淘宝提高搜索框权重时，提到淘宝屏蔽百度搜索的事情，在第一排的haxy同学认为小马在藐视在场的百度人。百度前端们平常行事极为低调，最近在狂招新兵，前端人才争夺将更加激烈。

接着道长的分享主题是《Real Javascript》。会上道长重复了他的观点HTML5:A big step in the wrong direction，在道长看来如果没有解决XSS等安全问题，HTML5就是失败的。他给出的建议是Reset HTML5 and start over。

会上见到了百度的周裕波（w3ctech交流会就是他组织的）和原图灵的编辑印星星，散会之后还和他们在附近的餐馆吃了饭。

题外话一：
今天我去海淀图书城买了一本道长的《javascript语言精粹》，书还没捂热，下午就厚着脸皮让道长签名了。开心。

题外话二：
早上有人问道长(Douglas Crockford)：“怎样才能成为一个好的前端工程师？ ” 道长答：“去雅虎！“

三、Douglas Crockford大师见面会
4月26日星期一，大师见面会是CSDN和中国雅虎研发中心合办的活动，地点在清华南门的文津国际酒店。见面会上老道讲的内容和qcon上面的一样，不同的是这次听众主要是前端工程师为主。见面会上还见到了图灵的刘江老师、豆瓣的张克军等。

目前美团网前端方面的开发是我负责的，公司计划招一名前端工程师，进来后和我作partner。看完招聘介绍，也许你对将来的队友即我是什么样子的人更感兴趣。

我毕业将近四年，一直在从事前端方面的工作，先后参与凤凰网、海内网、饭否网和美团网（后三个网站都是同一团队的作品）的开发。作为一个靠http吃饭的程序男，我对web相关技术都感兴趣，从接触互联网以来，在前端编程投入了大部分精力，目前熟悉javascript和css，熟练使用php和python。我喜欢vim和shell，喜欢在linux下高效率的工作。我是伪完美主义者，对代码有一点点洁癖，偶尔还有重构代码强迫症。我的缺点是对UI不敏感，对色彩完全没有感知。

另外我喜欢健身、跑步，偶尔做饭，笑点很低，经常说一些不着边际的笑话。

如果有幸能和你共事，愿意和你一起进步。