顺流而下, 把梦做完 …… 2011

2011最后一个changeset调了一些无聊的样式,收官不够华丽。

总结一下自己一年做过的事:

FM神秘实验项目 – 很好玩,因为是技术驱动的,我们尝试了node.js。当然少不了各种html5,css3技术混搭。背后还有牛逼的算法。node.js今年很火,yahoo!新一代应用开发平台就是用node.js。它的优势是处理高并发的微请求,这个项目里复杂的运算和数据存储都调service。到底效果怎么样上线后再看吧。

FM WebApp – 我决对是WebApp的拥趸者。但Android 2.2/2.3内置的Webkit就是渣,跟ie6一样招人恨。还好手机的换代更快,我觉得从iOS 5和Android 4开始WebApp的时代要来了。明年打算换个phone7,我喜欢反苹果美学的东西。

首页改版 - 2011年突然流行起“砖块布局”(YY的叫法)像花瓣之类的网站。但新的豆瓣猜布局将是正经的magazine-style布局,是溶合了前后端技术加设计的高级货。

今年还做了团购(已下线)、二手和部落 – 这些项目技术上平淡无奇,贵在开发方式上。比如做部落的过程高度同步,PRD出来后就着手开发,几天整个流程就跑通了,后面等设计出来后再改样式。这种完美时刻,就像比赛中偶尔出现的美妙配合一样。这里面也积累了一些代码组织上的经验。代码组织的三层:业务逻辑代码、通用功能代码,基本架构(类MVC式分层,model是ajax数据交互、controller注册事件、view是javascript template。注意不是single page app那种MVC)。

推荐改版事件 - 细节跳过(…惹了不小的麻烦)。这件事的经验是不要试图实现一个复杂和看似完美的方案,里面可能隐患重重。有时朴实无华是最合适的。像这种通用程度极高的组件,对复用、性能、响应速度都有很高的要求,用户使用上也极敏感。达芬奇说过”简单是极端的复杂“。

上半年主要做了新版FM。它是最适合实践响应性开发的项目,做的不好。明年接着来。国内的设计师对响应性设计无感。这篇文章反映了国外设计的主流思想,基本都在谈响应性设计:A Year in Web Design: How the Experts Saw 2011

在这些产品开发实践中愈加感触:过细过明确的分工会限制单位创造力的发挥,协调成本也高,从而拖缓产品发展,更甭提创新了。各个角色的人(PM、Designer、Engineer)应当通过扩展技能来弥补之间的代沟。也就是Designer应该有产品意识和工程开发意识、Engineer也应该有基本美感,同时,前后端工程师之间应当技术互补。前端问题并不一定用前端技术解决。典型就是静态文件管理,它对前端开发的帮助很大。没它前端代码重构和拆分基本寸步难行。但目前还是简陋。前端开发需要有一套完整的工具体系,闲来整出一张图,后面会谋求更多人支持。总之这是一件任重道远的事,我也有心理准备。

开发要追求高度的模块化,但是在普遍情况下,模块的依赖关系要简单、偏平。也许在很独立的应用或框架内部模块的依赖关系可能会复杂,但纯属个案。因此,前端文件按需加载的粒度不应太小,而在开发环境中维护的应该是粒度更小的模块。因此,后端的预处理和前端的异步按需加载混用是最合理的方案。我对Do也有了新想法,打算2012年重写一下。

今年参加的三个会和所做的分享:
淘宝的技术嘉年华 (slides)
webrebuild年会 (slides)
tencent北京CDC火山囗 (slides)

承办了一次web标准化交流会。这是目前北京坚持下来时间最长的民间前端技术沙龙。

今年还在知乎上比较认真的回答问题:zhihu.com/people/kejun

8月一个人跑到HK看Red Hot Chili Peppers的现场。所有好的东西都充满某种力量,甚至一行代码也是如此。今年还幸运的看了eels、black rebel motor club、envy的现场。稍稍有点后悔没看Bob Dylan,但我更爱Leonard Cohen,这个老家伙据说2012年出新专辑。顶马的十年和声音碎片的十年专场印象也颇深,对于上了岁数的人来说,有点时间厚度的东西就带感。声音碎片的一句歌词特别好:“顺流而下,把梦做完”。

新年快乐!

Comments

  1. dexbol says:

    新年快乐!

  2. Rhythm says:

    克军老师,请问应聘豆瓣前端开发部门前必读的书有哪些?自己打算准备一下,之前您推荐过《JS高级程序设计》和《JS语言精粹》,请问其他的书有哪些?

    之所以要这个数目,因为看了这篇文章:http://mindhacks.cn/2011/11/04/how-to-interview-a-person-for-two-years/
    自己打算在今年,努力准备一下。

  3. morrxy says:

    FM做的真棒,豆瓣有你真是豆瓣的福气啊,在北京webrebuild上听过两次你的发言了,听第一次我就觉得豆瓣才是国内干前端的好地方啊!还想过投个简历试试,后来觉得自己有点水就没投,哈。看了你的总结更是深感敬佩(标题的梦是啥?^_^),祝2012工作顺利,心想事成。

  1. [...] 这一年,很欣慰的是自己还写了很多代码的,从后端到前端,从结构到页面配色,做了一个完成度85%的项目。比较有意思的一些“实做”包括Newsfeed、Redis based Auto-Complete Service(包括前端jQuery的自动补全plugin),基本抄袭了一遍Quora,喜欢上了#3399CC,后来在Paul Rand那本小设计书上发现了#EB4924,现在把微博自定义模板都配成这两个颜色,后来瞎看了两周Topic Model和LDA(记得当时@yongsun也在看,偶尔还在微博上交流一下),然后花了一周时间在node.js上用CoffeeScript实现了一遍Gibbs Sampling的LDA方案把火狐社区的8000+篇问答进行自动分类,后来了解到LDA蛮依赖分词效果的,我分词偷懒只用ngram做的,所以效果一般,代码在这里。这一年也有一些有趣的东西出现,有少量抄袭,呵呵,Pinterest最早开始的时候就喜欢这个瀑布流,抄过来用在了火狐社区的扩展精选集页面中;找工作时候第一版简历没有用心,@chenqj说我简历太糙,外加几个公司完全没消息,正好Facebook刚揭秘Timeline,于是花了一晚上把自己简历用Facebook Timeline的形式做成了网页版,效果不错,:)。做了一套跟瀑布流有些差别的分块布局内容的原型,昨天看kejun的博客说新版豆瓣猜会是magazine-style的强交互,倒是非常期待看看体验怎么样——我自己瞎猜豆瓣新首页会是类似Facebook的Top News + Ticker的,回头看看猜中没。年底发现老外造了个词,Designeer,很喜欢,确定为自己努力的方向,:) [...]

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">