说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

专访阿里前端工程师:淘宝移动Web开发那些事儿

HTML文档下载 WORD文档下载 PDF文档下载
近日,淘宝移动前端开发工程师寒泉@寒冬winter 接受了CSDN的采访。从技术选型、Web信息处理、浏览器适配、安全支付以及业务支撑多个角度,全方位解析电商巨头阿里的前端开发理念。

寒泉,阿里无线事业部前端工程师,从事淘宝移动Web前端开发工作。曾就职于微软和盛大,去年12月,加入了淘宝移动前端这支年轻的团队。近日,CSDN记者采访了寒泉,他为我们讲述了淘宝移动Web前端开发的故事。


寒泉 @寒冬winter

CSDN:请做一个自我介绍并谈谈您的个人从业经历。

寒泉:我是寒泉,网名是winter,微博上叫做@寒冬winter。我08年加入微软做Windows CE上的IE浏览器开发,2010年开始在盛大做电子书和基于Web的操作系统,2012年12月加入阿里,现在在阿里巴巴无线事业部前端团队。

CSDN:请介绍一下淘宝移动前端团队及成员。

寒泉:我们是一支相当年轻的团队 ,主要成员大多在2012年加入淘宝,成员也以85后为主——几乎与移动前端技术一样年轻。作为技术职能团队,我们和同样有激情的产品和运营团队配合,开发淘宝客户端的内嵌网页和移动端的淘宝网站。


CSDN:有人说手游是最适合使用HTML5技术进行开发的,其次是新闻和地图类App——WebGL能够很好地渲染3D动画,SVG以及Canvas能够帮助图形进行各种动态变幻,而淘宝这样的电商类型产品为何要使用HTML5技术呢?HTML5能够帮助淘宝移动Web应用实现哪些功能?

寒泉:毫无疑问HTML5在图形方面的增强让大家一下子想到了游戏,事实上HTML5也的确带给了网页游戏全新的机会,然而决定一项技术适合产品的,不是"增强"的部分,"增强"加上原来的强度才是我们最终考量的指标。相比于其它图形平台,即使HTML5提供了如此多的新特性,它仍显太过薄弱,所以我想HTML5手游的出路并非与其它平台竞争炫丽的效果,而是更充分地利用Web的链接和开放特性去增强社交化。

对于我们来说,选择HTML5与否是个伪命题,我们应该回答的是"为什么不使用HTML?"——请注意到我没有加"5"。从淘宝过去的十年来看,几乎所有的产品都是使用HTML构建的,那么在移动端继续使用这项技术是非常自然和理所当然的了。至于版本是4或者5,实际上完全取决于大多数淘宝用户浏览器的支持情况—— 我们从未指望过W3C的标准能够被完全地实现,即使是更早版本的HTML规范中的功能,我们在使用前也会小心翼翼地调研它的实现情况。


实际上HTML5的功能总是客户端功能的真子集,但是这不意味着它更弱,通过Hybrid技术,基于Web实现的功能可以快速地发布给用户,不需要经过苹果和其它软件市场冗长的审核周期,同时,完全开放的Web版内容,也让一些第三方厂商可以方便地引用我们的功能到他们的客户端。

CSDN:前端内容展示方面,淘宝移动Web应用在宝贝介绍、图片信息方面的处理,与移动客户端有哪些不同?

寒泉:大部分情况是相同的,不同之处主要有四点:

  1. Web上对缓存的使用更多,我们会通过manifest来把功能型图片长期保存在本地。
  2. WebP、SVG等新格式使用较多,当然,也要进行适配。
  3. 响应式布局中我们需要弹性图片,这一点我们还在探索中。
  4. 用户对流量更敏感,所以要使用懒加载策略。

CSDN:在移动后端开发方面,淘宝运用了哪些技术和策略?

寒泉:Node.JS我们主要用在一些内部工具中,服务端严格来说我们算是Java。展现逻辑基本在前端,后端还是集群技术比较重要。

CSDN:在购买和支付环节,淘宝移动Web应用如何针对这部分内容进行技术方面的处理,保证用户的财产安全?

寒泉:事实上,移动设备比起桌面,是个更安全的环境,尤其iOS是半封闭的平台。所以我们几乎沿用桌面淘宝的安全策略。对于支付宝,我们采用的仍然是严格的域隔离策略。

CSDN:移动Web前端技术对用户购买行为有哪些影响?

寒泉:移动终端往往输入更困难,屏幕也更小,网络环境更复杂,用户在这方面遇到困难时就更容易放弃。我们在移动平台上努力缩短交易流程和减少页面跳转。同时,因为用户层次比PC用户略微偏高,受到苹果的用户体验教育也比较多,所以对体验也更加敏感,所以前端需要配合设计师为用户提供更流畅的体验。我们花费了相当长的时间来找到苹果风格回弹、摩擦力等等。


CSDN:在浏览器适配方面,如何保证在不同的手机浏览器上保证良好的用户体验?

寒泉:在移动前端开发中,尽管可以告别IE6,但是我们要面对更多的机型、更多屏幕尺寸、以及更多浏览器种类。比如Android,看上去都差不多,但是一些无良二线厂商经常会自以为是地搞些"深度定制",说白了就是乱改Webkit内核,他们的这些patch基本没有逆向集成回Android Webkit的打算,于是这些代码没有经过内核维护者的review,也没经过严谨的测试,质量可想而知。遇到这样的bug,我们基本只有绕开,技术绕不开的,业务和体验就要妥协。 

CSDN:请谈谈淘宝移动端业务未来几年的规划。

寒泉:不久前,我们刚刚上线了微淘,这会是全新的尝试,将来我们的服务会更加定制化,我们会帮助用户找到更适合自己的内容,而不是所有人都看到一模一样的首页和运营信息。同时卖家也会更容易做更加精准的营销和积累自己的用户群体——我们也在努力去通过技术降低卖家营销的技术成本。

我们也会更充分地利用移动设备的新特性:地理位置、摄像头、传感器。对于这些特性的利用,现在业内还是非常浅层次的,我们也在积极地探索,其中一些可以引入全新的产品形态,另一些可以让产品变得更有趣或者更方便。前期尝试可能会在时效性较强的运营活动中,逐渐它们会在产品中被深度使用。

关于产品方面的规划,大家可以关注下我们的产品和运营总监的新浪微博 @尚文 。

(文/杨依帆 责编/张宁)

一个实用的Delphi屏幕拷贝程序的设计 用Delphi 显示122种图形特效 用Delphi编写DLL实现动态改变分辨率 用Delphi进行OpenGL编程学习心得 用Delphi开发windows95屏幕保护预览程序 用Delphi实现壁纸更换 用DELPHI实现位图显示特技 用DELPHI中Canvas特性开发图形软件 用构件变换法实现动画效果-Delphi资料 在Delphi中使用动态图标 在Delphi中显示Windows图标 在多媒体文件中批量抓取图象-Delphi资料 怎样读出不同格式图形的高和宽-Delphi资料 怎样使用PageUp、PageDown滚动窗体-Delphi资料 怎样制作全透明的窗口-Delphi资料 DELPHI:FormContainer简易手册 Delphi:用FormContainer渐变效果 Delphi4的窗口融合技术 Delphi使用技巧ABC Delphi使用技巧四则 DELPHI中自适应表单的实现 TList的用法-Delphi资料 不规则窗口的实现-Delphi资料 不用标题栏也移动窗体-Delphi资料 窗口建立和关闭时的特效-Delphi资料 窗口中状态行的显示-Delphi资料 动态提示的可视化实现-Delphi资料 动态修改显示器分辨率-Delphi资料 对数据库中的数据进行处理-Delphi资料 改变壁纸-Delphi资料 改变元件的视窗式样-Delphi资料 关于界面设计的问题... 我想自己写个Mp3播放器,结果遇到不少问题。请大家帮忙 WIN2000关机巨慢,原因是什么? 关于字符串比较大小?下面代码有错么????????????? c++调试问题? #include <string> 后编译不过去。请帮忙看看 请教各位:关于TButton->ModalResult 在NS浏览器中如何对text等这样的对象进行事件的处理? sql2000里如何得到当前记录号??/ ----------- iis或win2000server中如何设置文件夹大小??? 大家有没有做过医疗社区管理软件的?最好有成熟的源代码。 介绍一款好的主板,搭配p41.7G。 我升级了我的VB6程序,有个问题解决不了,来看看 做一个Java程序。将光盘上的某个目录拷到C盘上 清教一个计算机系统结构的计算题,题目见内容 关于文件读入的问题!谢谢各位! 数据统计分析问题,请专家关注!好难 如何判断执行 INSERT INTO 语句插入记录成功或失败? 哪位大侠能给我详细的介绍一下CWnd::SendMessage()函数 Strange return value of CoInitializeEx [HELP]辞职问题:杭州的GGJJ们来帮帮我 谁有windows 95的下载地址? ADO与本地数据库问题,看来是高难问题啊,怎么没人接招呢? tell me why??有关jdbc for sqlserver 2维数组按某一列进行排序,内详,求救? 关于在Oracle数据库服务器如何提供下载一个excel文件型的大对象到本地?十万火急!三根鸡毛! 怎样得到数据库里某字段里没出现过、而且还是最小的数字呢? 请问大家这种数据表怎样设计最好??? 关于ID3V2?请大家帮帮忙 <<VC技术内幕(第四版)>>中应用程序框架示例的程序要怎样才能运行? Win2K的远程访问出现身份验证问题 关于TMediaPlayer缩放,请您赐教 如何显示一个库中所有的表以及显示一个表的结构 能不能使自己画的一个图形,响应鼠标事件? 如何取得数据库某字段中从未出现过的、而且还是最小的数字呢? 关于终端服务器的打印问题!!!!在线等,解决立即给分 怎样才可以在WIN2000下隐藏你的程序 急,请问把一个控件上的内容拖到LISTVIEW1上时,在LISTVIEW1上的一个ITEM上释放,此时如何获得ITEM的caption??? .pdg 类型文件怎么打开? 大家不妨说说二层应用程序转向三层应用的一些经验以及注意事项 为何看不到网络邻居上其它计算机的共享文件夹? 请问大家这种数据表怎样设计最好??? 用listbox绑定数据库的某个字段后,如何通过点击取得相应的值 dbgrid中的mousedown事件怎么触发不了 系统日志的错误信息,谁给分析一下?分不够还可以加 tell me why??有关jdbc for sqlserver VC录音问题 内存分配问题! 我安装上.net后,运行一个asp.net程序,可是出现了下载index.aspx文件的对话框? 菜单总被下拉列表框盖住的问题? 有谁知道Base64编码的规定?十万火急!!! 突然间想不明白这说的到底是个啥,哪个明白人给我讲讲呗. 蔺相如和廉颇个有什么长处?《将相和》这篇课文告诉我们什么道理 新闻评论的格式,内容,还有好一点的范文 新闻评论是直接把一则新闻抄下来,还是还要写自己感受,观点?失望透顶! 注重高品质生活有什么意义 秋天的怀念主旨是什么100字 冬天的太阳 有什么特征、、、作文用作文题目叫《冬日的阳光》 我想写说明文介绍冬天的太阳 因为记叙文太普通了 但是不知道冬天的太阳和其他时候的有什么区别 所以麻烦各位讲下哦、 什么是品质生活 贝多芬的月光曲用什么成语表示来赞美 描写雕像刻画技术好的词语 29号考雅思了,尤其口语和作文 什么成语称赞贝多芬 描写一些希腊雕塑般男人的外貌的语句~比如什么棱角分明的面庞···类似的语句···谢谢啊再具体一点的段落~ 生活品质的内涵是什么?这是我面试被提问的一道题(一共两道问题 十分中内答完)第二个问题是:现金流量表能反映企业那些问题? 《秋天的怀念》主旨 描写龙雕塑的句子,要多点哦, 还有一个星期我就要考雅思了 作文方面急需提高 望雅思大神帮忙改改我的小作文 table below gives information on consumer spending on different items in five different countries in 2002.  Summarise the information by s 我以前一直认为,黑洞是一个即将死亡的恒星,而后来又有人说它是一个奇点,那黑洞到底是什么?还有,黑洞所谓的吸入反粒子并转化成粒子让其逃脱,这是怎么回事?不是无法逃脱吗?最后一个问 形容雕塑用什么词语 介绍我自己的英语作文有哪十一项 以控制人口数量,关爱地球母亲的书信最好怎么开头 求作文提纲翅膀不是真正的翅膀,那可以是什么 指出下列各句采用了何种人物描写的方法.(1)她身上穿着样式老掉牙的旧衣服,可是很干净;一条手染的蓝裙,还带着乡下染缸中的那股土味儿.一块棕褐色的绒线方披肩交叉地盖在她那干瘪瘪 《水浒传》里的英雄绰号 我好想有一双翅膀的作文300字. 指出下列各句描写人物的方法1、我想我又不真做小长毛,不去攻城,也不放炮,更不怕炮炸,我惧惮她什么呢!()2、她立刻伸出胳膊,一把将我按住.我惊异地看她时,只见她惶急地看着我.()3、 《秋天的怀念》第一段的故事发生在什么季节? 帮我想两个作文提纲我爱我自己,因为我很_____________.两个提纲的题目要不同. 下面的句子用了那些描写人物的方法吗?1、叙利奥是小学五年级的学生,十二岁,是个黑头发、白皮肤的男孩子.2、他下床悄悄穿好衣服,轻轻地走进父亲写字的房间,把煤油灯点着.3、“啊,不是 在将相和的故事中,我想对廉颇说一段话一段话。不是一句话.. 我好想有一双翅膀 作文 500字急、、 黑洞里面有些什么东西?有人说连接另一个世界,但是据我所知道的黑洞,它会向外界释放热量,那根据能量守恒定律不就解释不通了吗?能通向另外一个地方应该全吃进去不吐骨头才对吧?难道除 在将相和的故事中,我想对廉颇说一段话`急啊.好的追加50分 我好想有一双翅膀 作文中心思想 短文两篇贝壳答案:文章第三段的思考是由什么引发的?第三段:在海边捡起这一枚贝壳的时候,里面曾经居住过的小小的柔软的肉体早已死去,在阳光,沙粒和海浪的淘洗之下,贝壳中生命所留下 《将相和》中你喜欢廉颇还是蔺相如?请结合例子用自己的话说说理由尽快答复 秦兵马俑在古今中外的雕塑史上是绝无仅有的.改成反问句 2011四年级下册语文期末试卷2011四年级下册数学期末试卷的答案是? 控制人口,关爱地球母亲 这是古今中外雕塑史上绝无仅有的.改成双重否定句 200字以内,或300字父与子的作文 《礁石》艾青 一个浪,一个浪 无休止地扑过来 每一个浪都在它脚下 被打成碎沫、散开…… 它的脸上和身上 象刀砍过的一样 但它依然站在那里 含着微笑,看着海洋……1诗中两个“它”指代 水浒传里的英雄的绰号都有哪些? 17鸟的天堂作者介绍 2010―2011年四年级下册人教版数学语文期末试卷 《水浒传》四位英雄人物及绰号主要人物啊 风筝 他只得张着小嘴,呆看着空中出神---他高兴的跳跃.这句话用了那些人物描写方法?作用是什么? 艾青《 礁石》的理解艾青《 礁石》中礁石不是自然物,而是情感物.那么这个情感是什么呢?请根据下面实例写出其他三种意义.例:一个有钢铁般的人,是永远不怕风吹雨打的. 从画线的句子,可以看出狐狸对武太郎有怎样的感情 他只得张着小嘴,呆看着空中出神,有时至于小半日.远处蟹风筝突然掉落下来了,他惊呼.表达效果是什么 四年级下册语文和数学期末试卷,急用! 美丽家事 作文600字左右. 春天在广场上有许多人放风筝.会放风筝的人,可使风筝静止在空中.图2中的四幅图中,MN代表风筝截面,OL代表风筝线,风向水平.在图2所示的四种情况中,风筝可能处于静止状态的是 麻烦请详细点 将相和中廉颇是一个怎样的人,蔺相如呢 作文:关于写家事的就是关于写家里发生的什么事! 《风筝》作者回忆幼年时期我和弟弟对待风筝的态度有何不同?请从人物描写的角度入手进行分析. 结合【将相和】内容,蔺相如如何廉颇分别是怎样的人 作文《家事》以家事为题,写一篇600字以上的记叙文 做人最重要的品质是什么? 课文 廉颇和蔺相如评语 练习写新闻评论和新闻写作看什么书,刊物,比较好?不需要教原理的书.就是实际写作运用的
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘