《大促背地的前端外围业务实际》电子书重磅公布!

2020 年 618 大促曾经过来，作为淘系每年重要的大促流动，淘系前端在其中扮演着什么样的角色，如何保障大促的安稳进行？又在其中利用了哪些新技术？淘系技术联结阿里云开发者社区特推出《大促背地的前端外围业务实际》电子书，为大家介绍 618 中的前端身影。本书另附 6000+ 字图文版前端学习秘籍和面试官中转简历投递地址，还不快来 get？！

精彩内容领先看

一、618 大促背地的淘系前端技术体系

往年 618 大促一贯地放弃了对友商的竞争劣势，发明了新的数字生产记录，业务玩法和策略上也有了一些新的变动。例如：● 超长的售卖周期：5.25 预售、5.29 开门红、6.4 多波段品类日、6.16 狂欢日。● 生产券发放：平台、各地政府和商家一共发放了超 100 亿元的生产券和补贴。● 直播带货：通过直播带货让用户更好地感知商品，晋升流量变现效率，造成电商导购的新模式。● 互动工作体系：618 现实生存列车，做工作，赚喵币，瓜分 10 亿平台和商家福利。● …… 通过多年的积淀和倒退，淘系前端曾经构建出了一套较为齐备的技术体系，用以撑持阿里蕴含 618、双 11 在内的电商营销流动业务。接下来笔者将简略介绍淘系前端技术体系以及这个技术体系上基于 618 大促的场景诉求，技术演进的翻新点。

二、生产力再提速，618 互动我的项目进化之路

从 2019 年双十一的“盖楼”到往年 618 的“开列车”，在大促互动游戏背地，是业务多变性、产品稳定性和研发效率的多重博弈。本文介绍了淘系互动前端团队如何应答研发效率 & 产品稳定性的挑战，内容涵盖“互动智能测试”&“弹窗规模化生产”这两个技术计划。

三、淘宝大促页面性能监控和优化实

践 作为一名前端工程师，更高的性能、更晦涩的体验是短暂不变的谋求指标。而作为大促锋线，会场页面的性能体现间接影响了亿万消费者的购买体验。那么在往年的天猫 618，咱们是如何让消费者们在各个会场中可能逛的知心、挑的满意、买的开心呢？本文将简要介绍往年的 618，咱们是如何通过缓存优化、申请优化等计划来应答性能挑战，并如何通过监控测试等伎俩来保障大规模的会场页面的性能。

四、「高稳定性」视频播放器养成打算

如何保障亿级用户视频播放器的高稳定性？PHA 框架的优良性能让大量业务、会场开始逐渐转用 H5，但同时带来了一些挑战。以多媒体日常短视频 / 直播业务为例，H5 原生的播放器的稳定性、性能、播放能力反对均难以达到应用规范，在 H5 环境下没有一个业务可用的 H5 播放器。这时候就须要一个 H5 上可能晦涩播放的播放器。

五、AST 代码扫描实战：如何保障代码品质

现如今，日常业务的资损防控工作在平安生产环节中曾经变得越来越重要。尤其是每逢大促流动（譬如本次 618 大促），一旦呈现资损故障更容易引发重大损失。及时止血只能减小资损规模，要想防止资损还得靠人工 code review 在我的项目上线之前发现问题。

然而，一方面 code review 须要额定的人工染指，且其品质参差不齐，无奈失去保障；另一方面，高质量的 code review 也会破费较多工夫，老本较高。

那么有没有一种两败俱伤的办法：以一种低成本的形式，主动发现代码中存在的资损危险，从而保障代码品质？答案是：代码扫描！

六、如何实现代码主动生成？

每年大促前一个月都是奋战与繁忙的季节，不仅业务上在一直迭代翻新，技术上也在新陈代谢，需要推动技术改革是一个正向演进的过程，但变革是须要老本的，每一次技术与规范的变革都带来一场天翻地覆的大革新。如果咱们能将需要与产物划上等号：需要即代码，那么咱们只有找到两者之间的关联关系即可通过需要主动产出代码了，那岂不是乐哉美哉(diao zha tian le)。本文次要围绕自动化生成代码的指标，讲述咱们在这一过程中的所思所想，以及咱们在 618 期间的阶段成绩实际。

七、前端通用模块在手淘业务中的实际

得益于淘系前端的积攒，当初咱们能够借助欠缺的天马搭建体系、Rax1.0 跨端开发框架、imgcook 智能生产这些贼棒的工具实现一个个模块的开发并搭建出一个残缺的小程序频道，但在行业这样的生产关系下，咱们心愿能积淀出一套更高效的生产体系来反对咱们高（hao）效（hao）工（shui）作（jiao）。

去年底开始，天猫行业已与 UED、产品团队单干实现了 TaoUI 组件标准，并建设了织网组件核心来撑持行业积淀下来的物料，那么，如果依照肯定的标准，应用间接的数据模型间接驱动组件，是不是大部分普适的模块就不须要开发了呢？于是，行业魔方我的项目应运而生。习 WEB 前端开发

每当想要开始学习，脑子里总会跳出一系列问题：WEB 前端的学习先后顺序是什么？PC 端必须要把握哪些常识和框架？挪动端要把握哪些常识和框架？TypeScript 和 node.js 是否为可学可不学？老手应该依照什么先后次序学习呢？本文是阿里巴巴淘系技术部高级前端工程师——小问的集体经验总结，心愿帮到处于迷茫期的你！

原文链接：https://developer.aliyun.com/…_content=g_1000165523
本文为阿里云原创内容，未经容许不得转载。