BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

淘宝UED技术负责人小马畅谈Web前端开发

| 作者 崔康 关注 0 他的粉丝 发布于 2010年11月26日. 估计阅读时间: 7 分钟 | GMTC大前端的下一站,PWA、Web框架、Node等最新最热的大前端话题邀你一起共同探讨。

小马(赵泽欣)是淘宝UED团队的技术负责人,在Web开发领域有丰富的经验。InfoQ编辑在QCon全球企业开发大会(北京站)期间,就Web框架选取标准、性能优化建议、前端工程师角色定位等相关问题对他作了专访。

InfoQ:小马,请首先做一下自我介绍。

小马:大家好,我叫赵泽欣,在淘宝的花名是小马,隶属于淘宝UED部门,很荣幸能够接受InfoQ的采访,谢谢。

InfoQ:小马,现在Web开发相关的类库特别多,请问淘宝在选择Web框架做开发的时候,是从哪些角度来考虑的?能否给读者朋友提供一些参考?

小马:的确如你所说,Web类库五花八门。我们在做选择的时候,主要基于以下这两个方面:

  1. 想想是否真正符合自己的需求,有些类库可能适合网站型应用,另一些可能适合数据型应用,所以其实还是有些区别的,这是第一点。
  2. 我觉得还要看人才或者是技术储备的状况。如果你的团队里面没有几个特别熟悉这种类库的人才,有时候会吃一些苦头。

像淘宝网当初选择YUI也是基于这两个因素考虑。因为淘宝的后端架构是基于JAVA的,而YUI是大多数框架里面,在文档组织、代码组织上最接近于JAVA的,比较容易得到开发人员的认可,然后功能也比较强大,组件比较丰富,再加上又有一个专业的雅虎团队在维护,所以可靠性上也会比较强,因此当时选择它。最重要的还是根据你自己的需求。

InfoQ:目前淘宝UED团队已经发展壮大,你们现在是基于YUI呢,还是有进一步的计划?

小马:目前大部分还是基于YUI,因为已经用了很久了,也基于它做了很多改进和扩展。但是随着淘宝飞速的发展,各种应用也越来越复杂,我们也慢慢感受到YUI的一些不足,YUI当然它自己也在发展,推出YUI 3的版本,也做了很多的改进。可是我们在用的过程中,觉得还是不太适合,不太适用于淘宝,所以我们也有计划的在研发自己的框架,我们的框架叫做Kissy,我的同事玉伯主持这个项目,我们把它开源了,我们希望国内外更多的朋友能够一起来丰富这个框架。

InfoQ:我们知道前端很注重用户体验,比如响应时间等,现在有关Web性能优化的规范特别特多,我想问一下,以你的经验来说,有哪一些建议比较重要?

小马:当初我们做性能优化,最主要还是基于雅虎的YSlow工具,他们专门有一个性能团队,做了很多的研究,列出了很多优化的原则,我们刚开始还是拿来主义,学习他们,所以有几条我觉得特别能够立竿见影的方法。第一是把很多的脚本文件合并成一个文件,或者是把很多的CSS文件合并成一个文件,这样能够有效的减少HTTP的请求。然后尽可能把脚本放在页面靠结束的部分,把CSS尽可能放在靠前的部分。以我的经验,这些措施能够很快让用户感受到速度的一个提升。如果要做更多的优化的话,那可以按照YSlow的规则去做,其实性能优化不光是前端的职责,有时候也需要后端的支持,比如说Cache,有时候是需要Apache或者http server的一些配置,其实性能需要整个公司里面各个团队一起来配合。

InfoQ:前端团队除了注重性能之外,是否还有其他领域,比如安全性,淘宝是不是也很注重这方面的问题?

小马:我个人觉得其实安全性也是一个我们很关注的地方,因为现在很多安全性问题,可能都是以脚本作为跳板,很多也是基于浏览器来做一些攻击。前端最熟悉浏览器,也是对脚本最为熟悉的一个岗位,所以很多时候,跟公司的安全技术部门交流的过程中,我们都希望从前端的角度给他们更多的建议。除了安全,我个人觉得,淘宝现在比较关注一些手持设备上面的前端研发,比如iPhone、iPad等。

InfoQ:淘宝UED团队目前关注哪些最新的Web前端技术?

小马:现在可能最热门的就是HTML 5和CSS 3,但是很遗憾IE6、IE7这些浏览器还占据大量的市场份额,像淘宝基本上90%的用户浏览器都还是IE系列。我们以前经常会有这种想法“反正用户都用IE,这些新的东西用了也没什么意义”,现在我们慢慢的觉得,还是要推动这个事情,所以HTML 5、CSS 3的一些新特性,我们都尽可能的去应用,而且我觉得效果非常的好。

InfoQ:您作为淘宝前端团队的负责人,如何定位前端工程师这样一个角色?他的工作范围跟其他的工程师,比如后台开发工程师、还有一些专门做页面设计的工程师,有何区分?

小马:这个问题我们自己内部也有讨论过,我想了很久,提出一个定位,当然也是这个团队大家一起的思考成果,我们觉得前端是面向用户的程序,首先还是程序,我们也要编码,我们也要具备严谨好学的特质,另外一点,我们跟很其他后端开发工程师有一些区别,就是可能我们更贴近用户,我个人觉得可能后端工程师更靠近机器,我们更靠近用户,所以我们需要更多的倾听用户的声音,所以我觉得前端工程师是面向用户的程序员。

InfoQ:目前云计算的实践越来越多,您觉得云计算会给前端工程师或者前端开发带来什么样的影响或者变化?

小马:现在很多人在谈这个概念,包括淘宝的测试团队,他们已经推出云测试工程师,所以我觉得前端工程师以后可能会慢慢的转化为云端工程师,因为在我的感觉里面,云其实就是一个大的存储的中心,一个计算服务中心,他能够提供计算的能力,能够提供存储,能够提供这些SERVICE。那浏览器呢,又是一个比较重要的连接云端的工具,不管是浏览器还是基于浏览器的OS,我觉得前端工程师具备很多技能,可以比较容易的转换到云端工程师,我自己是觉得这是一个很好的发展前景。

InfoQ:最后一个问题,我们InfoQ的读者,当中有很多一部分,可能是从事这种前端的开发,或者说以后有志于从事前端开发的,那么我想替他们问一个问题,因为您是淘宝的第一位前端工程师,可以说是经验非常丰富,您认为一个优秀的前端工程师,他应该具备哪些的素质,或者您在招聘一个员工的时候,会看中他哪些特质?

小马:那我直接说招聘好了,我一般会比较注重他的从不同角度去思考问题的能力。因为前端就是这样,很多时候处理一个问题,其实有多套的方案,关键是怎么去权衡,找到最合适于这个需求的一个方案,所以我特别看中他们会有这种从不同角度去看问题的这样一个能力;然后第二点,因为前端确实是一个新的岗位,很多新的东西,我还是比较看重他的学习能力;另外还有一点就是他真的是热爱前端的这样的一个岗位。

InfoQ:感谢小马接受采访。

小马:谢谢。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

废话一箩筐 by Wang Han

说了跟没说一样,完全没有任何有实际的内容。恩,看来还是我自己的问题,我实在不应该对这篇文章报有能看到一点点有趣的东西的希望的

不妨谈谈管理 by Wang Frank

这篇文章从技术上看,缺乏思考,了无生趣。
不妨谈谈技术团队的管理和协作,或许对不少公司能有借鉴意义。

Re: 废话一箩筐 by 霍 泰稳

通过这样的报道,让读者了解一下如淘宝这样的公司是如何做事情的,岂不是很好?也给其他的一些互联网公司提供相关的参考和借鉴。欢迎多给些鼓励的话语,今天是感恩节啊 :) 专家能花时间和大家分享自己的心得还是比较难得的。

Re: 不妨谈谈管理 by Wang Han

这位也是明眼人啊

Re: 不妨谈谈管理 by haitao xie

哥,要不你上去试试吧...

Re: 废话一箩筐 by 低调 de 运维

确实 没有讲重点 全是废话

Re: 废话一箩筐 by 霍 泰稳

如果这个文章真的让大家不过瘾,我们表示歉意,以后会根据大家的反馈继续努力,多给大家来干货,湿的不要!

Re: 废话一箩筐 by 谭 志国

确实,没有实质性的东西

Re: 废话一箩筐 by aaron zhu

我想 infoQ 里不全是牛人大虾吧,这篇文章给对前端不是很了解的人也是不错的啊。如果你觉得这篇文章不够深不够精,我们都欢迎您跟大家分享一下,或者提出一些建议、问题,总比写些“废话”这些好。

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

9 讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT