脑暴

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般,变出精彩。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏镁客网

「镁一刻」苹果iPhone7有望搭载OLED屏,一加手机X亮相发布会

15430
来自专栏Web 开发

WebReBuild 2013 年会 蜕变

第一次知道这东西。主要是H1、article、header这类标签的层叠嵌套规则。在内容为王的时代,通过大纲算法出来的内容,有利于快速理解站点内容。人都容易读了...

7800
来自专栏安恒信息

黑客展示利用廉价设备入侵任意车辆

汽车厂商一直以来都对汽车面临的黑客攻击轻描淡写,认为网络系统的扩大可以提升安全性。但现在,两位安全人员却计划借助一款跟iPhone差不多大小的...

38060
来自专栏Jerry的SAP技术分享

SAP数据中心概述

Jerry的前一篇文章企业数字化转型与SAP云平台介绍了SAP云平台在企业数字化转型中的重要地位和作用。作为一个平台即服务(PaaS)解决方案, SAP云平台实...

24220
来自专栏SAP最佳业务实践

SAP制造费用核算

成本 = 材料 + 资源 + 费用 材料成本为直接成本(Dirct Cost),生产发料的时候直接归集到工单,不通过成本中心核算;资源即作业类型(Activit...

32040
来自专栏知晓程序

本周最新 10 款小程序,快来选出你最爱的那个 | 晓榜 #21

如果感到无聊,不妨用「微博热门」小程序,看看最流行的微博,热门资讯、搞笑视频,总有一款是你爱的。

6910
来自专栏阮一峰的网络日志

每周分享第 11 期

6月27日,TC39 委员会正式通过了《ECMAScript 2018标准》,新增了四个较大的语法点,以及几个较小的语法点。我看了一下后面还有50多个正在排队、...

11620
来自专栏hightopo

原 基于HTML5技术的电力3D监控应用(

18690
来自专栏一场梦

一个域名对网站的价值分析

45440
来自专栏Timhbw博客

分享下平时我在Mac平台下的比较好的软件-为知笔记(一)

2016-05-0908:13:16 发表评论 2,395℃热度 印象笔记 有道云笔记 为知笔记 展示 总结 目录 有用的信息在没有经过归纳、整理、...

373100

扫码关注云+社区

领取腾讯云代金券