这次交流的主题是《我和javascript的那些事儿》，感谢腾讯搜搜给交流会提供了场地。

第一个上来分享的是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

这期交流会地点在建国路惠通时代广场D座的奇虎360办公区。惠通时代广场的办公环境真是特别好，处于繁华区却又非常安静，里面的楼层低，绿化很好，比一般的写字楼档次高不少。

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

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

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

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

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

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

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

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

会议前一天即7月16日星期五晚上，请来自台湾的蒋定宇、挪威来的谢子斌、子斌的同事、裕波以及海鹏在五道口的T6火锅吃饭。第一次见到定宇和子斌真人，真是非常开心的事情。

定宇原来在雅虎台湾工作，现在任职于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/

这其中情感，难以言表。为自己参与过一些事情感到自豪。

这一期在清华科技园D座火炬大厦28层的网易北京公司举行，主题是《前端工程师的知识收集与管理》。本次交流会没有投影，没有人讲PPT，三十来人集中在办公室里面自由讨论，气氛很活跃，主持人裕波对讨论进度把握非常好。

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

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

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

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

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

多读好书，要看《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的思路和算法都很有意思，有空也研究研究。