WebReBuild 2013 年会 蜕变
2013，深圳大学，第四次参加WebReBuild。
一大早，和舍友3人一起去深大，比起大学城的广工，这里太有校园的感觉，让人很舒服。
议程
H5大纲算法
第一次知道这东西。主要是H1、article、header这类标签的层叠嵌套规则。在内容为王的时代，通过大纲算法出来的内容，有利于快速理解站点内容。人都容易读了，虫子读起来应该也更加容易吧（利于SEO）。
@七宝 的演讲能力很赞，最后的答题互动环节也很好，通过二维码，让现场观众使用手机打开一个WebApp答题，然后马上出排行成绩，现场气氛很活跃。
小插曲：
- WebApp中的元素，总是被激活选中态，让人有点郁闷，user-select没做好。
- 注入小王子手慢一步，要不然全场alert。用户输入是不可信的，最基本的转义一定要有。
换肤机制
听到这节，我心中突然窃喜，我也是做过换肤、皮肤的人咧（虽然皮肤的数量级和Qzone没得比）。
这一节主要是工作流优化，通过自动化工具的帮助，将工作流中1k+的操作，减少到只有2次操作，大大提高生产力。
还提到皮肤的制作环节，Twitter的那套镂空雪碧图挺有意思的，第一次知道还能这样做多皮肤icon。还有就是图标字体的方案，这个大家都应该会第一时间想到吧。
说到图标字体，假如能推动设计师出的UI规范、控件规范，直接做成图标字体，起不爽哉。对于设计师而言，只不过是出规范的工具，从PS\FW换到了AI，有一个学习成本，但日后工作量没变，甚至有减少，但却能得到高度设计还原的作品，爽YY。
对于Qzone，挺感慨的。这么多年，这么多SNS站点、应用，火了一个又一个，但能一直活下来的，只有空间，而且还活得不错。变，是我在Qzone中看到的。浇花、种菜偷菜、互踩、日志、feeds、timeline、相册。形态一直在变化，唯独不变的，是尽可能满足口味最刁的互联网用户。
曾经挺鄙视Qzone，觉得这个平台很幼稚。当年为了自定义博客装扮，上网扒那些自定义装扮的皮肤，通过JS注入（当时根本不知道是神马东西，网上搜一段代码，往浏览器地址栏一贴，那个装扮就有了）。后来还是觉得没意思，就开始了自己的独立博客，再后来用上WP之后，就喜欢上，高中、大学，WP记录了很多点点滴滴。
扯远了，今年8月份，参加公司的魔鬼训练营，我们组的拿到的题目是移动版Qzone，当时就傻眼了，居然要去开发自己鄙视的产品。但后来对Qzone深入了解之后，才发现它的魅力。曾经，Qzone为这个企鹅，贡献了多少营收。哪怕现在，Qzone依然为这只企鹅贡献着不可忽视的营收。大家会觉得，哪来的用户群？嗯，我一开始也是这样想的。但在城市长大的我，很难想象，二三四线城市，有着无数的用户，一发工资了，就跑去充钻。最近这一两个月，我很少上新浪微博了，但是每次登陆，刷不了一会，就没有新的动态。但是Qzone呢，打工妹每天刷呀刷，还是刷个不停。不去真正地深入用户，你是完全不知道真实的用户是怎样的。
组织JS代码
挺抱歉的，午饭后略困，通篇也没个Demo、图标来佐证一下，有点不知所云（其实是我JS烂啦，大家回去再看PPT，干活还是很多滴）。
无障碍
小帆姐，三年前大家还一起坐在观众席听讲，三年后的你已成台上嘉宾。
无障碍需要的是爱。像总结出来的明显障碍，可以出一份“无障碍军规”嘛，然后再搞个aria-lint之类的自动检查工具，让爱可以更容易的推广。
BTW，小帆姐，你就从了funny呀，就差上台献花了。
数据
这节的标题是大数据啦，但其实数据本身就很重要，绝不是因为它大了才重要。
这节讲述Qzone前端如何自研出一套打点统计工具，来模拟计算客户端的CPU使用率（它是计算setinterval为100ms的脚本，实际执行的间隔时间），并通过收集到数据，成功把控产品质量的故事。
叹
下坡，重构圈子不大，部分人在炒冷饭，也许是我们这些新人，还不够革命精神。整个重构相比过去，也就从刀耕火种，过渡到锄耕、耜耕阶段，发展道路还很长，例如工作流还有很多可以结合自动化工具的地方，移动端的工作流、富客户端的工作流都还是一片空白。
上坡，跟着彪叔、Tommy这一年来，看到了CDC的变化、看到了团队的变化，这不重要。重要的是他们两个老人勇于拥抱变化，重新定义，自己革自己的命，犹如Qzone般，变出精彩。