2024年末：浅谈阿里前端的多样化

基于这套互动技术体系，冷冰冰的商业化产品开始具备了越来越多的趣味性和创意体验。

当互联网基础设施不断完善，硬件与带宽成本持续降低，直播/短视频逐渐形成获取用户时间的主流产品形态，也成为人&人、人&机互动的新场景。

传统的解决方案是在视频媒体上“遮盖”一层Web页面，内嵌在页面中的互动（如领取红包）和视频内容没有事实上的关联，而是通过预置的逻辑进行触发，“伪装”成视频与互动同步的用户体感。这种方式成本低廉，但代价则是牺牲了创意和灵活性，缺少想像空间，没有未来。

而媒体智能互动则是更合理的解决方案：通过智能化手段进行手势、表情等识别，互动素材与效果均与视频内容强关联，并在视频流上完成素材渲染。

• **从实时渲染角度来看，核心技术环节在：**图像采集、数据处理、算法识别、渲染计算、端渲染展示

• **从研发生产角度来看，关键流程在：**玩法生产、应用管理、玩法使用、端渲染展示

上述每个节点都涉及到各个关联技术及工具/产品，正是这些能力组成了媒体智能的技术体系。

从长远来看，无论在互动的自身形态、输入方式、承载媒介还是玩法创意，都必将有长足地发展，对于前端体系的从业人员，只要持续关注用户&终端、熟悉业务、不断学习必定会获得长足的技术竞争力和创造力！

搭建，不止于提效

---

过去几年，我在负责面向消费者端的搭建体系：把形形色色、千奇百怪的页面都看作组件们的集合，然后用极致简单的搭积木方式将它进行可视化组装。

如果拿冰山举例，我们尽量让用户们（运营、开发者）只看到露出海面的那一段，把概念和实操尽一切可能地简化，而被屏蔽在冰山下面的东西，包括了一系列的交付

1. 高度被抽象的 界面+数据描述标准 ，我们称之为模块；

2. 兼顾性能和灵活性的 客户端+服务端渲染架构 ；

3. 离线的、简洁的 零代码可视化平台；

4. 提供线上服务的 页面渲染引擎 + 数据网关;

有了这些交付物（以及基于它构建的大型生态），前端、设计师、后端（多数时候甚至不需要）围绕着高度可被复用的产品模块即可进行页面组装，将业务发布上线。这个方案简单又高效。以至于在很长时间，这套构架最终产生成了数以百万计的各种页面，其中包括不限于双十一，我们在阿里系各种App看到的很多页面都是基于这样的方案出来的。

然而这并不是终点。

其实道理也很简单：当效率上达到一定临界点后（通常是边际效应开始递减），对应的技术方案都越界碰触到另一个领域。

搭建技术也一样 - 一个业务的运行通常不是搭建一个页面就完成了 - 它涉及到整个业务的执行周期。好比一个线下商场要做一场年货活动，上架商品 这个任务只是工作中的一部份，其他包括不限于选商家、选货品、制造氛围、顾客动线都是必须得完成的工作。

而线上业务的运行亦如此，除了“搭建页面” 这个看似简单的动作外，还有各种上下游环节，包括不限于 - 数据哪来（选品）、以什么规则展示（算法千人千面）、抵达什么用户（人群规则）、界面是怎样的（新式交互）、在哪儿展示（跨端渲染）、浏览体验是否又快又好（性能&质量）、业务效果如何（数据看板）等等，每个环节都或多或少地关联着前端相关技术。

基于此，我们根据业务的实际需要拓展了系统的功能边界。慢慢地，原本的面向效率、被高度抽象化的工具系统成为了一个解决具象业务的产品。

在这个转变过程中，原本核心工作是完成前台页面的前端程序员，逐渐成为了一个面向业务的技术工程师，而其工作职责从原来的高效交付扩大到了方方面面，技术视野、技术能力都得到了很大的提升。这时，我们也很难单纯用技术栈来界定这位程序员是前端抑或是后端工程师。

相信在未来，这样的前端工程师会越来越多，也会成为前端发展的一个方向。

技术栈从来不是技术人的桎梏！

Serverless，孕育新的生产关系

---

还是得谈谈这个话题，如果说越发完善的研发工程体系在提升交付整备质量、周全的性能故障监控系统在改进交付效果，那么 Serverless 就是在尝试着在最合适的环节来优化生产关系。

想必很多初入 CRUD 阶段的前端同学都尝试写过一个形如 Todo、blog-like等应用，基于广受各类教程推荐的 Express/Koa+MongoDB+ReactJS/VueJS 套件方案实现。

然而写完应用后的踌躇满志在遇到技术面试/业务应用时则一片茫然：怎么和预想的不一样？  - 性能调试、高可用、容量规划、多应用调用、数据库优化、跨栈中间件等等都是未曾太多考虑的问题，但若稍加深入思考，无需很久就进入新一阶段的灵魂拷问：为什么我要使用Node而不是其他工业化程度更高的语言技术栈？

而云原生下的Serverless 让多数前端们开始解除束缚：

1. 便捷可弹的BaaS服务

2. 弱/低运维成本

3. 现代化的函数计算

4. 高速交付

无用赘谈太多的优势，只需缓解运维成本、稳定可弹的计算资源，在完备地BaaS下，离终端用户足够近的前端们就能快速的进行多栈开发，而这则很大机会带来的生产关系的变革，重新定义前后端的边界 - 把原来以 BFF 层为界碑的研发模式重新刷新一遍。

在这个基础上，一部份的前端职能会发生深刻的变化，他们为成为离业务更近的产品工程师，既可以实施商业小程序/轻应用，也能主导一场营销大促、也能驱动一个新业务场景的诞生。

当然，围绕着这种生产关系的周边生态，如职业定义、招聘要求、未来前景、企业人才规划都会随之发生变化。

也期待着这一天的到来。

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
oid开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！