优酷前端技术：如何支撑营销活动？

优酷前端团队自 2017 年开始承担优酷营销活动的开发工作，到 2020 年初，已经有 90% 以上的营销活动前端是由平台化、组件化的搭建方式来支撑。在支撑营销活动的进程中，技术方案也进行了几次迭代和建设，本文将把这些演变进行总结。

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

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

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

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

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

其次：用户交互方式的不同使得 TV 端开发有额外的工作，其中最主要的不同就是对焦点的管理，相对于触屏交互和鼠标，TV 端的交互输入设备是遥控器，用户能做的操作是上、下、左、右、确定、返回（当然，现在的电视智能系统已经把语音控制作为更广泛的交互方式了）。对此，团队创造了一套通用的焦点引擎来统一对焦点进行管理及自动智能切换，该方案至今仍在部分 T