webrebuild年会（广州）2011-09-17笔记

昨天参加了webrebuild年会，虽然在会场上面大家对于技术性的东西讨论并没有太深入。不过一般的大会也不会太深入，毕竟人太多了，如果对于一个观点出现问题的时候，估计还会争论半天。所以技术的深入交流还应该是在一些技术沙龙上面。不过昨天大家都谈到了整个前端开发的发展，由01年谈到11年，的确给了我很多思考的空间。我也在昨天的年会上面做了一些笔记，整理一下，方便自己日后的工作，顺便也把一些精华观点分享给大家。

第一场是terry的分享，terry是比较关注于html5在离线应用的。利用cache做本地储存，较少流量请求。加快浏览速度。把整个网页存储下来。HTML mainfest="/cache.mainfest"。对于web app来说，尤其是使用了一些重型框架的web app，比如我自己最近在做的项目，是利用了sencha touch来做ui层的，但是sencha touch本身就是一个重型的框架，而且在渲染的时候有点慢。所以在首次打开会很慢，尤其是使用GPRS网络。这一点特性，其实自己早就知道，但是却就一直没有记住。根据这一点的话，我还联想到自己项目的联系人资料管理，因此也可以利用html5本地存储的能力，把小型的数据库也拉进来。不过这个有一个疑问，就是我的file更新后，也改名字了，那么上一次本地的cache会消失吗，抑或有另外的处理方式？(我也翻看一些资料，找到答案了就在这里更新)

之后就是女工程师，黄婉芳的分享。说实话，女生的天性是细腻。对于前端性能优化的话，很多细节的地方需要把握好。摘录了她ppt上面的内容：如何开始了解网页重构：1，了解需求背景，内容（要拿来干什么，在什么平台上面）；2，清晰的规划和架构（不盲目，不慌乱）；3，可参与的项目（增加熟悉度）； 4，你自己觉得陌生的领域。（我觉得对于新人，应届毕业生来说，这个是很好的经验）。其后她提及到利用css3的高级选择，nth-child，作出了迅雷评论上面由上至下的评论渐变的效果，这个细致的效果给用户带来了好的体验，这个就让我联想到自己在细节方面的不足。css3的确有很多高级的特性，目前在桌面端的话，我们可能会遇到很多的瓶颈，首要问题就是浏览器兼容。不过如果你却想跃跃欲试。那么你完全可以应用到web app上面，只要你的特效不滥用，相信ios和android都会把你的效果完美地呈现出来的。所以，我们大可以大胆地去尝试一些新的特性。还有提到了png的压缩，减少图片等等，这些老话长谈的就不说太多了。坚持，还有留意到细节，这些应该是前端应有的！当然，我们也会有遇到瓶颈的时候，我也摘录了她的ppt：了解越多越强大（可以尝试多接触新人）；版本迭代－全力以赴（把产品的细节追求到极致）；拟想：产品，设计，开发（把产品规划好）。

到了下午场的时候是sankyu的分享了。三桥是一直专注于web app方面的，常常使用的框架是sencha touch and jquery mobile，这个和我目前要做的东西相关，而且我也在使用相同的东西。至于细节的话，三桥这个主题已经分享了不少了，而且web app是未来的趋势，很大程度上浏览器会占据举足轻重的地位，甚至替代操作系统（当然我这个说法过于偏激，不过我还是很看好浏览器+web app的发展模式的）。会场上面，我向三桥提问到一个问题，就是其实09到10年的时候，很多国外的公司已经关注到html5的领域发展，尤其是一些商业应用的公司，目前我所知道的是bizness app and mobile roadies两家公司都已经做出来了一个线上生成app的cms系统。这些都是基于html5+手机中间件的，对于这些商业公司来说，赚钱是他们的目的。（我参加了mobile roadies公司在中国市场的发布会，他们提及到自己不会专注于技术，而是专注于帮助客户解决问题），按照这样的说法，他们的确可以把自己的产品做得很好，而且请足够多的人，做很多web app的页面，在目前的瓶颈上面做到最好的商业应用。但是这样也会衍生出一个问题，到时候app就泛滥了，而且同质化的情况也会非常严重，对于web app的话，我们前端工程师以后开发的方向又是如何，我们开发的空间又有多少能够被更大的市场认可呢？三桥在会上对于我的问题没有直接回答，而是希望鼓励更多的人参与web app开发，固然这个是好事，不过问题还是会来的，所以还是希望提出来让大家讨论。

随后是孙极的分享，孙极的jss，其实就是js对css进行了一下处理，让写css的时候更加有趣了！昨天晚上问了一下他，他说还没有开放出来，所以我也没有太好地评论。如果你有精神的话，可以到163邮箱上面去找找看，有没有这个jss的文件吧[偷笑]。说到这点，我很赞赏孙极的聪明，可以把js和css结合起来运用。其实前端工作很多时候会出现重复性的工作，我们没有必要浪费时间在一些重复性的工作上面，我们可以运用一些小技巧把这些工作删减掉。例如把 css 模块化，就好像积木开发一样（黄婉芳也有提到），还有就是使用一些插件，例如haml，sass，还有一些css框架。让开发变得有趣。而且孙极的办法是，让css这种沉闷的工作，从编代码级别到了“编程”的级别，这是非常好的事情。在有时间有精力的情况下，我们需要对自己的工作做一个总结，然后让自己的能力得到提升，可以写写方便自己的框架，可以写写方便自己的插件，而不是完成项目就了事。往往总结才能够让自己能力得到很好的提高！（我们一起期待jss公布吧。呵呵）

最后的话就是陈子舜的分享了。讨论更多的是web app的发展，还有他自己实际项目中的运用。我是比较倾向于这类人的，而且今天我也在微博上面提及到自己的情况。我也觉得做事情应该做有价值的事情，对于新技术的话，好奇心以及务实运用一定要平衡好，而不是有一个新的技术我们就马上去用，关键还是怎样去用。最近node.js很火，我也一直想要试一试。不过因为感觉没有找到自己能够用得上的地方，所以很郁闷。最多只是关注一下，看看document还有demo。不过终于我遇到项目适合使用了，就是在手机端上面，用web app做聊天功能。我打算node.js + mongod + sencha touch (or jquery touch) + phonegap（项目做完了，估计会放代码到git hub上面）。此前我也关注到webGL方向，但是发现这个东西顶多只能够玩一下，后来对于自己的实际运用还是比较少，所以关注的热情也就减少了（希望大家见谅）。因为我们的时间是有限的，我们要在有限的时间内作出有价值的东西才行，我同样会保持好奇还有适当的关注，但是我不会放弃目前最重要的最优先级的东西。此外，陈子舜也举到一个例子，就是利用微软的HTA，在网页端访问本地的一些内容，这个我自己也做过，也就在这个博客上面可以找到。其实这个是很危险的事情，甚至我也利用这个写过恶意代码，盗取人家的QQ（应该是初中的事情了～那个时候不懂事）。这个方法也是最早的web app雏形（陈子舜不说我也想不起来啊）。到了现在html5提供了更多的api可以调用手机端更多的功能，当然这个是一个好事，不过同样也会存在用户隐私，以及安全的隐患（此前也提到过webGL存在安全性的问题，基于这个问题，也减少了我对webGL开发的一些欲望，甚至我也试过因为webGL的bug导致了我电脑的崩溃，注意是电脑崩溃了！）。说了一堆废话，分享一个http://slides.html5rocks.com/ 这个是陈先生在会场上面提及到的网站，大家如果对html5想要有更深入的了解，可以进去看看。还有一个叫做css2d tool的工具（貌似可以在chrome extensions上面找到，可以制作2d动画，因为腾讯某款游戏的一些动画用这个搞，这个小工具貌似不错，所以也提及一下），还有一本书 《网页重构》，说真的，小弟入行比较迟。现在才知道，看来我也要在豆瓣上面混混，多读读圣贤书（最近都喜欢在手机上面读pdf了，找书也是找有pdf的，唉。）

好的，噼里啪啦说了好多，希望这份总结对你有一定的帮助！