《大促背后的前端核心业务实践》电子书重磅发布!

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/article/768619?utm_content=g_1000165523
本文为阿里云原创内容，未经允许不得转载。