1. 七年很痒
2011 WebRebuild年会

2. TwinsenLiang
纹身
彪叔
魑魅魍魉
⋯⋯

3. to be or not to be
价值
舍得
缘份

4. 坑 的《哈姆雷特》
• 莎士比亚的名著
• 四大悲剧之一
• 改编为京剧，越剧，⋯⋯夜宴。

8. 值得么？

9. 值得么？
• 基于对价格的权衡
• 基于对市场的认知
• 基于对数据的分析

10. 网站类历年的平均薪酬
10000
7500
5000
2500
0
2004 2005 2006 2007 2008 2009 2010 2011
重构薪酬 设计薪酬

11. 周密详尽才会带来硕果

12. 周密详尽才会带来硕果

13. 周密详尽才会带来硕果

14. 周密详尽才会带来硕果

15. 周密详尽才会带来硕果

16. 周密详尽才会带来硕果

17. 周密详尽才会带来硕果

18. 周密详尽才会带来硕果

19. 周密详尽才会带来硕果

20. 周密详尽才会带来硕果

21. 周密详尽才会带来硕果

22. 周密详尽才会带来硕果

23. 除了用户，我们还要技术

24. 除了用户，我们还要技术

25. 除了用户，我们还要技术

26. 除了用户，我们还要技术

27. 除了用户，我们还要技术

28. 除了用户，我们还要技术

29. 除了用户，我们还要技术

30. 除了用户，我们还要技术

31. 除了用户，我们还要技术

32. 收获的时候到了

33. 收获的时候到了

34. 收获的时候到了

35. 收获的时候到了

36. 收获的时候到了

37. 收获的时候到了

38. 收获的时候到了

39. 谁 走了你的时间

40. 曾经极其耗费人力物力的活

41. 曾经极其耗费人力物力的活

42. 曾经极其耗费人力物力的活

43. 曾经极其耗费人力物力的活

44. 曾经极其耗费人力物力的活

45. 曾经极其耗费人力物力的活

46. 细化梳理为单一化模版

47. 细化梳理为单一化模版

48. 细化梳理为单一化模版

49. 细化梳理为单一化模版

50. 细化梳理为单一化模版

51. 细化梳理为单一化模版

52. 能将一件事情做一百次不是简单的事情

53. 能将一件事情做一百次不是简单的事情

54. 分享与改进是我们进化的源泉

55. 分享与改进是我们进化的源泉

56. 分享与改进是我们进化的源泉

57. 分享与改进是我们进化的源泉

58. • QQ会员 5个活动实现0人／日工作量每周
• QQ秀 8个活动实现0人／日工作量每周
• 数字多媒体 5个活动实现0人／日工作量每周
• 拍拍 25个活动实现0人／日工作量每周

59. • QQ会员 5个活动实现0人／日工作量每周
• QQ秀 8个活动实现0人／日工作量每周
• 数字多媒体 5个活动实现0人／日工作量每周
• 拍拍 25个活动实现0人／日工作量每周
全年节省人力成本4472人／日工作量 （按原一活动2人／日核算）

60. 价与值
在你的身上是否能得到应该有的平衡

61. 有舍才会有得
• 舍弃远离你人生目标的短期目标
• 重构并非“重构”

62. 1. 组织WebRebuild年会
2. 处理MoonMake的推广
3. 规 整理CP业务
4. WoWStudio平台系统搭建
5. 招聘产品经理
6. 招收外包资源
7. 与朋友定期聚
8. 与CP客户 面
9. ⋯⋯⋯⋯⋯⋯⋯⋯
围绕目标的规

63. 1. 组织WebRebuild年会
1 2. 处理MoonMake的推广
3. 规 整理CP业务
2 4 4. WoWStudio平台系统搭建
5. 招聘产品经理
5
6. 招收外包资源
6
3 7. 与朋友定期聚
8
7 8. 与CP客户 面
9. ⋯⋯⋯⋯⋯⋯⋯⋯
围绕目标的规

64. 经典的三栏其实做好并不容易

65. 同一个三栏
<div id="content">
<div class="main">
<div id="left">
<h3 class="life">Life</h3>
<div class="info">⋯⋯⋯⋯⋯⋯ </div>
<a href="/life/" class="more">more</a> </div>
<div id="middle">
<div id="skillcont">
<h3 class="skill">Skill</h3>
<div class="info">⋯⋯⋯⋯⋯⋯ </div>
<a href="/skill/" class="more">more</a> </div>
<div id="sharecont">
<h3 class="share">Share</h3>
<div class="info">⋯⋯⋯⋯⋯⋯</div>
<a href="/share/" class="more">more</a> </div>
</div>
<div id="right">
<h3 class="pictures">Pictures</h3>
<div id="pictures" class="info"></div>
<a href="http://pictures.twinsenliang.net" class="more">View More In My
Pictures</a> </div>
</div>
</div>

66. 同一个三栏
<div id="content">
<div class="main">
<div id="lifecont">
<h3 class="life">Life</h3>
<div class="info">⋯⋯⋯⋯⋯⋯</div>
<a href="/life/" class="more">more</a> </div>
<div id="skillcont">
<h3 class="skill">Skill</h3>
<div class="info">⋯⋯⋯⋯⋯⋯</div>
<a href="/skill/" class="more">more</a> </div>
<div id="sharecont">
<h3 class="share">Share</h3>
<div class="info">⋯⋯⋯⋯⋯⋯</div>
<a href="/share/" class="more">more</a> </div>
<div id="picturescont">
<h3 class="pictures">Pictures</h3>
<div id="pictures" class="info"></div>
<a href="http://pictures.twinsenliang.net" class="more">View More In My
Pictures</a> </div>
</div>
</div>

67. 同一个三栏
<div id="content">
<div class="main">
<div id="left">
<h3 class="life">Life</h3>
<div class="info">⋯⋯⋯⋯⋯⋯ </div>
<a href="/life/" class="more">more</a> </div>
<div id="middle">
<div id="skillcont">
<h3 class="skill">Skill</h3>
<div class="info">⋯⋯⋯⋯⋯⋯ </div>
<a href="/skill/" class="more">more</a> </div>
<div id="sharecont">
<h3 class="share">Share</h3>
<div class="info">⋯⋯⋯⋯⋯⋯</div>
<a href="/share/" class="more">more</a> </div>
</div>
<div id="right">
<h3 class="pictures">Pictures</h3>
<div id="pictures" class="info"></div>
<a href="http://pictures.twinsenliang.net" class="more">View More In My
Pictures</a> </div>
</div>
</div>

68. 同一个三栏
<div id="content">
<div class="main">
<div id="lifecont">
<h3 class="life">Life</h3>
<div class="info">⋯⋯⋯⋯⋯⋯</div>
<a href="/life/" class="more">more</a> </div>
<div id="skillcont">
<h3 class="skill">Skill</h3>
<div class="info">⋯⋯⋯⋯⋯⋯</div>
<a href="/skill/" class="more">more</a> </div>
<div id="sharecont">
<h3 class="share">Share</h3>
<div class="info">⋯⋯⋯⋯⋯⋯</div>
<a href="/share/" class="more">more</a> </div>
<div id="picturescont">
<h3 class="pictures">Pictures</h3>
<div id="pictures" class="info"></div>
<a href="http://pictures.twinsenliang.net" class="more">View More In My
Pictures</a> </div>
</div>
</div>

69. 遇上变态的产品经理 ？

70. 遇上变态的产品经理 ？

71. 接着你就 曲了
• 在右边的“left”
• 在上面的“middle”
• 在下面的“right”
• ⋯⋯
• 然后新招来的实习生就⋯⋯

72. 还记得重构的目标是什么？

73. 还记得重构的目标是什么？

74. 还记得重构的目标是什么？

75. 重构并非“重构”
• 不要轻易推倒你新接手的项目
• 不要轻易挑战现有的流程

80. 旧有的代码真的烂么？

81. 旧有的代码真的烂么？

82. 旧有的代码真的烂么？

83. 旧有的代码真的烂么？

84. 旧有的代码真的烂么？

85. 旧有的代码真的烂么？

86. 旧有的代码真的烂么？

87. 流程是要照顾各个岗位的

88. 舍与得
放弃弱势，学会强势——空杯（Focus）

89. 缘至此，份难求
• 抓住机会
• 坚持 固

93. 浏览器兼容HTML5对照
支持标签 市场份额
300
225
150
75
0
Chrome Firefox Opera Safari IE 6+ IE6 遨游 搜狗 QQ浏览器

94. 性能优化累破新纪录

95. 性能优化累破新纪录
一月－抢车位二期优化

96. 性能优化累破新纪录
一月－抢车位二期优化
二月－农牧场素材优化

97. 性能优化累破新纪录

98. 性能优化累破新纪录
三月－QQ卡片优化

99. 性能优化累破新纪录
三月－QQ卡片优化
五月－QQ卡片二期优化

100. 我们还能超越么？

101. 我们还能超越么？

102. 我们还能超越么？

103. 我们还能超越么？

104. 我们还能超越么？

105. 我们还能超越么？

106. 自动化压缩系统（TACS＋CSSGAGA）
・JPG－8.37％
・PNG-17.58%
・GIF-0%

107. 一月－抢车位二期优化 7.8G 约39万／月 x10
二月－农牧场素材优化 14.5G 约72.5万／月 x9
三月－QQ卡片优化 2G 约10万／月 x8
五月－QQ卡片二期优化 2G 约10万／月 x6
・十二月－自动化压缩系统 约6.15％的原有带宽
・imgcache（33.4G）、appimg＋qstyle（50G）……
・价值无限

108. 一月－抢车位二期优化 7.8G 约39万／月 x10
二月－农牧场素材优化 14.5G 约72.5万／月 x9
三月－QQ卡片优化 2G 约10万／月 x8
五月－QQ卡片二期优化 2G 约10万／月 x6
・十二月－自动化压缩系统 约6.15％的原有带宽
・imgcache（33.4G）、appimg＋qstyle（50G）……
・价值无限
全年节省带宽236.5G，核算成本1593.6W

109. 缘与份
是曾经拥有 ，还是天长地久

110. to be or not to be
价值
舍得
缘份

111. Q&A

119. Thanks
特 鸣谢美女设计师：