优酷前端技术在2017年及以前如何支撑营销活动？

一、2017 年及以前：原生 JavaScript 支撑的 TV 营销活动，初识搭建的魅力

挑战：低性能的设备、不一样的交互方式

关键词：原生开发、焦点管理引擎、初识搭建

相对于手机端和 PC 端的前端页面开发，TV 端的开发有很大的不同：

首先是性能和兼容性，相比价格更高的手机和性能优秀的 PC 浏览器，200 元上下的网络电视机顶盒在硬件水平上有很大的差距；加上系统的高度定制，在某些特性上已经失去了较多的兼容性。因此，TV 端活动营销的开发方式在当时是比较原生的前端开发方式，无框架的约束可以让开发人员更底层更针对性的对页面进行优化，以便能达到较好的交互性能和兼容性。

2017 年及以前：原生 JavaScript 支撑的 TV 营销活动，初识搭 建的魅力 挑战：低性能的设备、不一样的交互方式 关键词：原生开发、焦点管理引擎、初识搭建 相对于手机端和 PC 端的前端页面开发，TV 端的开发有很大的不同： 首先是性能和兼容性，相比价格更高的手机和性能优秀的 PC 浏览器，200 元上下的网络电 视机顶盒在硬件水平上有很大的差距；加上系统的高度定制，在某些特性上已经失去了较多的 兼容性。因此，TV 端活动营销的开发方式在当时是比较原生的前端开发方式，无框架的约束可 以让开发人员更底层更针对性的对页面进行优化，以便能达到较好的交互性能和兼容性。 其次：用户交互方式的不同使得 TV 端开发有额外的工作，其中最主要的不同就是对焦点 的管理，相对于触屏交互和鼠标，TV 端的交互输入设备是遥控器，用户能做的操作是上、下、 左、右、确定、返回（当然，现在的电视智能系统已经把语音控制作为更广泛的交互方式了）。 对此，团队创造了一套通用的焦点引擎来统一对焦点进行管理及自动智能切换，该方案至今仍 在部分 TV 端开发中应用。 开发方式确定&重要方案解决后，对于研发同学的效率提升已经有了很大的保证，但是活 动的增加仍然需要大量的研发低价值投入，没有解决能力的复用，因此：“组件化搭建”便成了 释放生产力的最重要的抓手，也是此时，团队正式初步开始构建属于我们自己的搭建系统。 “搭建”作为阿里巴巴集团前端委员会四大方向之一，而营销活动也是搭建最重要的落地业 务方之一，以此为契机，团队顺势而为构建了最具特色的 TV 端活动搭建系统“ARK 系统”： 将可复用的组件通过拖拽的方式放置到面板上，生成最终页面。 “搭建”系统的出现极大的解放了前端研发同学对低价值重复活动的开发投入，让技术同学 能够更多的从可复用、可配置的方向去思考活动的实现，做到做一次任意用，在业务上也让玩 法得到沉淀，让经验得到共享。