WebReBuild第四届年会小记

 

我从八月份一直觊觎这这个年会，终于等到9月份的广州站了。今天，这个预谋也给我得逞了。

上了大学以来都没有试过从早上9点听课听到晚上6点，今天就重温了高中的听课强度。晚上走出网易大厦时，头一直昏昏涨涨的。比较惊喜的事，现场看到很多都是学生，广工的同胞也不少。一直以为这些技术交流会很严肃，今天的景象让我颇为意外，现场气氛一直很融洽很轻松，让我感觉到无论是台上的嘉宾还是各个观众跟我们都是这么接近的。

会场有一个副屏幕，上面是观众们在本次年会的微博发表的信息，叫微博墙。观众们可以通过手机或者电脑往上面发信息，，微博墙实时更新。这种交流方式感觉很新鲜也很好，就好像嘉宾在台上讲，我们在微博墙上窃窃私语。

好了，这篇日志我主要是想记录一下今天的一些收获，技术上的，听了一天，没有做笔记，就写下记得的吧。

 

1.前端环境的优化

这个是付老师的演讲主题，也是让我收获蛮大的一个主题。他主要讲到了一种前端团队开发环境的方案，可以让前端开发人员在编写html/css/js时，减少我们在兼容各个浏览器上面的工作。方案具体大概是：首先，团队订立一份xhtml的标准，里面有许多词义化标签，好像头部使用header，主体用bodyer而不是div，前端人员只需要关注这份标准，而不用关心具体的兼容问题，甚至不用关心传统的xhtml。然后，团队也会有一份xsl文件，里面会清楚表示出xhtml里面的扩展标签所代表的意义，也会有一个属性是记录用来匹配相关标签的正则表达式。当我们做好一份这样的项目，可以通过特定的软件把他们编译成真正的xhml+css文件。

这种想法对我来说很新颖，感觉有一点点后台语言编译部署的思想；就说.Net框架，开发时我们可以用任何语言，不用考虑各个语言之间的兼容性，编译器会把他们编译成中间语言，到了运行时所有东西会无缝衔接起来。

记得微博墙上一个评论说，其实这就是模块分离，调试，集成的思想，一针见血，受益匪浅。

 

2.移动应用UX漫谈

 对于移动互联网这块我是不太感兴趣的，但听听也无妨。主讲说的都是一些比较理念的东西，但也很诙谐幽默，而且有些内容说的挺深刻的。有一句话让我记忆比较深：上帝看得见。那是有一个故事的，具体我忘了，但里面的精神我能体会得到，我们在工作中，经常会遇见一些可有可无，可做可免的事情，也许你去做了，大家都不会察觉，但我们不因为这样而不去追求完美，要相信，我们所做的一切，上帝看得见。

其实在互动环节，我是比较想提问的。缘于在暑期做的一个新生专题网，希望可以让手机正常访问，但是在开学之后新生一般只可以通过手机上网，所以我们希望在推广的时候鼓励新生使用UC上我们的网站；所以那时候，我去了UC的官网想找一些关于UC浏览器网页兼容的开发者文档，可惜找不到，我本想趁机会问问，无奈担心语无伦次，没有举手。幸好有另一观众问了，得到的答复是：

UC之前在这方面的工作的确不足，现在正在努力中，但是我们的立场是，本着服务的态度，希望兼容适配这些工作是通过我们服务器自动完成而不是让开发者迁就浏览器。

他的这一番话让我感到他之前说的“UC不会成为移动互联网的IE”是很有说服力的。

 

3.网络图像优化

这个主题是腾讯的77主讲，主要讲的是对各种图像在不用环境和条件下的优化，下面我靠记忆写写：

1.gif和png8是调色板（最大256色？）。一般用在图形图片，少量颜色图片，小图片上面；而png8在一般情况下比gif体积要略小，所以应该优先使用png8；而在需要实现gif动画或者超小图片时使用Gif；

2.jpg和png24,png32是真彩色。一般用于照片等颜色数目多的图片，png体积较大，一般不建议使用，除非要用到png32的透明效果；

3.gif和png8可以支持透明，但只支持0或者100的透明度，png8在fw上面貌似可以实现任何透明度的效果。（待求证），png32透明度完美，可惜体积庞大；最好的一种同时获得完美效果和极小体积的方法是使用swf；

4.gif使用“交错”可以实现隔行扫描，可以增强用户体验，但是会增加体积；jpg可以勾选渐进jpg以实现低分辨率到高分辨率下载，增强用户体验同时可以降低体积；

5.jpg2000很好，但是只有Safair支持。

 

4.模块化的(x)HTML&CSS开发

这个又是来自网易的演讲，主要是说到团队在XHTMl和CSS的开发中如何实现模块化以及敏捷开发。

我们一个页面可以分成很多块，交给不同的成员开发，每一个模块我们都给一个id或者class他们（相当于一个命名空间），他们写CSS的时候使用后代选择器来为自己模块编写样式；但是，有时候我们有很多样式都是可复用的，这样可能会产生大量冗余代码，该怎么办呢？孙老师提到的一个解决方案是，先用class选择器写好一份公共样式，大家在需要的时候在标签上面的class加上多个公共样式。

之后，他演示了一下他自己写的一个插件，我不知道怎么实现的，只知道很好很强大。求源码~

 

5.知识重构

 主讲是腾讯的CTO，甄焱鲲老师，算是在场主讲者中感觉比较阅历的一个了。讲了很久，一直没有讲到具体的技术，一句代码也没有。我感觉是，更多地在讲程序员人生，讲学习，讲追求。他说他一开始是搞.Net的（好有亲切感~），到了腾讯的第一天，他的Leader就给了他一本书《PHP MySQL Apache指南》，他当时感觉是无比兴奋，因为他一直都对未知领域有无限的渴望。他一直对于知识都是饥不择食，以使他在腾讯完成了涉及各个不同领域技术的项目并取得了成功。

还记得他带给我们的那几个字：学习，模仿，实践，思考，创新，沉淀。

 

参考网址

WebReBuild官方站：http://www.webrebuild.org/guangzhou/