写点什么

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

  • 2010-11-25
  • 本文字数:2490 字

    阅读完需:约 8 分钟

小马(赵泽欣)是淘宝 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:感谢小马接受采访。

小马:谢谢。

2010-11-25 00:007898
用户头像

发布了 501 篇内容, 共 283.2 次阅读, 收获喜欢 64 次。

关注

评论

发布
暂无评论
发现更多内容

一种前端无源码定制化开发能力专利解读

元年技术洞察

低代码 数字化转型 无源码 元年方舟

在人间vpn搭建

阿呆

vpn

运维百家讲坛第 1 期:井源 - 运维几何

巴辉特

软件测试/测试开发 | app自动化测试(Android)--高级定位技巧

测试人

软件测试 自动化测试 测试开发 appium

模块五计算架构模式

程序员小张

「架构实战营」

架构实战 5 -微博评论高性能高可用计算架构

架构实战营 「架构实战营」

由浅入深,聊聊 LeackCanary 的那些事

Petterp

android 内存泄漏 LeakCanary

2022年中国跨境支付行业年度专题分析

易观分析

金融 跨境支付 市场

软件测试/测试开发 | app自动化测试(Android)--元素定位方式与隐式等待

测试人

软件测试 自动化测试 测试开发 appium

混合式APP开发框架

力软低代码开发平台

国家先进计算产业创新(宜昌)中心来了!

SENSORO

人工智能 大数据

2022年12月视频行业用户洞察:世界杯后半程看球热度不减,优质IP创新与开发助力用户留存

易观分析

音视频 视频

CleanMyMac X2023完整版本MAC电脑系统清理工具

茶色酒

CleanMyMac

架构训练营模块五作业

现在不学习马上变垃圾

架构训练营10期

Github霸榜!竟是阿里技术官的微服务分布式项目实战笔记总结

程序知音

Java 分布式 微服务 java架构 后端技术

2023最新版本水果FL Studio宿主软件安装包下载

茶色酒

FL Studio21

如何集中式管理多个客户端节点传输任务-镭速

镭速

阿里、腾讯、蚂蚁金服Java技术面试及经验总结(文末分享答案)

程序知音

Java java面试 后端技术 春招 八股文

各大互联网公司面经分享:Java全栈知识+1500道大厂面试真题

程序知音

Java java面试 java架构 大厂面试题 八股文

C4D和3dmax有什么区别?

Finovy Cloud

3DMAX C4D

移动开发平台真的能提升App开发效率吗?

Onegun

移动应用开发 移动端开发

推荐几款实用的移动开发平台

FinFish

移动开发 开发平台 移动开发平台 移动端开发 小程序技术

MixMIM 创建混合图像,提出新型掩码方案

Zilliz

计算机视觉

尚硅谷Spring6发布视频教程

小谷哥

太狠了,Spring全家桶笔记,一站式通关全攻略,已入职某厂涨薪18K

程序知音

Java spring ssm java架构 后端技术

年度技术盘点:水稻、韦伯、脑机接口、AI预测及创作、快速充电

B Impact

chatgpt小试牛刀

阿呆

ChatGPT

软件测试/测试开发 | app自动化测试(Android)--App 控件定位

测试人

软件测试 自动化测试 测试开发 appium

网易游戏实时 HTAP 计费风控平台建设

Apache Flink

大数据 flink 实时计算

从零到一,臻于至善|网易邮箱基于StarRocks 开发大数据平台的实践

StarRocks

数据库

淘宝UED技术负责人小马畅谈Web前端开发_Java_崔康_InfoQ精选文章