极其精彩的前端分享盛会

到场嘉宾及PPT

《data on the web》 Klaus Birkenbihl（W3C）

《建立团队前端开发环境》 蒋定宇（D-Link 台湾）

《HTML5, CSS3》 谢子斌（Opera）

《网页性能优化之路》 范俊豪（腾讯）

《关于前端架构，我说的其实是...》 张克军（豆瓣）

大会简述

来自德国的 Klaus Birkenbihl（中文名：岳林）(http://www.w3.org/People/Klaus/) 老大爷讲的是 Data On The Web(http://www.w3.org/2010/Talks/0717Beijing-KB/)，主要介绍了下语义网。他举了个 tripit (http://www.tripit.com/)的例子。这个网站是个帮助你安排旅程的网站，你设定好你的旅程安排后，它会给你推荐合适的机票，酒店等。乐观的讲，如果是大多数网站都接受这个概念并应用，那估计还需要个三四年。

来自D-Link的蒋定宇（台湾）（＠josephj6802）分享了一下如何 建立团队前端开发环境。介绍了许多建立前端开发环境的工具和经验。

他的博客:http://josephj.com/

他主要分享了几点：

1.用fiddler(http://www.fiddler2.com/fiddler2/)来解决前端开发中各种环境(开发，测试，正式)之间切换带来的问题。

2.对前端的代码用自动化工具强制作语法检查。

3.模块化开发。不过这点后面的张克军的分享更全面，更有实战性。

来自Opera的谢子斌(马来西亚)(@zibin) 分享了一下<HTML5,CSS3>

博客: http://zibin.tehais.com/

他也提到了一个手机页面的debug工具－－Dragonfly,可以直接从电脑上连接手机(当然需要手机opera)进行页面的debug。

来自腾讯的范俊豪分享了 <网页性能优化之路>。给大家演示了几个腾讯内部团队制作的用于优化网页性能的小工具。

来自豆瓣的张克军(＠kejunz) 分享了豆瓣的前端基础架构框架，他的幻灯片只有网页版，使用chrome或safari比较流畅，其他浏览器或多或少都有点问题

他分享的内容比较实用：

1、前端功能模块化。模块化的好处就不多说了，确点就是缺乏灵活性，对此张克军举了一个Hello Kitty的例子，Hello Kitty都是由固定的模块组合起来的，但这丝毫没有影响Hello Kitty的多样性

2、前端工程师（只负责切图，html，css，js）应该直接面对产品经理不该成为局外人。前端人员丝毫不了解产品经理的需求，只是按照设计图切完页面，写好html，css就完事了，然后交给php工程师写逻辑，等php工程师把页面样式搞的乱七八糟后，又去找前端人员改样式。

如此工作模式十分浪费时间，对此有两种方式解决：

一、打造All in one 人才，切图，html，css，js，php全部单人搞定，减少多人交流花费的时间

二、将view层彻底交给前端工程师，由前端工程师和产品经理打交道，满足其页面展示需求。后端服务（php等动态语言）只是提供数据接口 或者 按照模板输出数据（有点smarty的味道）

最后神秘人士彪叔(最初不在日程安排单上)出现，分享他对浏览器解析网页的认识，主要是DOM解析和各种浏览器对没有闭合的html标签处理策略。由于时间紧迫，演示有点匆促。他的演示文档还没有找到。