【美团技术沙龙】前端遇上黑科技，打造全新界面体验与效率

阳光穿透心脏的1/2处 2024-02-19 21:44 42阅读 0赞

![640?wx\_fmt=png][640_wx_fmt_png]

美团技术沙龙由美团技术团队主办，每期沙龙邀请美团及其他互联网公司的技术专家分享来自一线的实践经验，覆盖各主要技术领域。

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg]

![640?wx\_fmt=png][640_wx_fmt_png 1]

**/ 出品人 /**

**冯湧，美团研发总监**

现就职于美团金服担任美团支付、保险平台业务研发总监，美团金服技术委员会执行主席。16年大型互联网公司研发经验，9年研发管理经验。

美团支付前端团队支持着美团钱包及支付业务，其中钱包业务覆盖美团点评超过 9 个 App，有10个以上金融、生活类 Hybrid 应用同时在跑，那么如何让这些项目迭代的更快、体验更好成为了挑战，也正因为这些挑战，团队在移动端体验技术、效率技术积累上有很多创新的技术和方法。

本次交流，为大家揭秘如何让 Hybrid 项目和 Native 体验一致，如何让项目只需要交互稿便可以开始研发，如何让页面首帧速度优化 70% 以上。同时我们邀请到百度的迪波威分享 Node.js 在百度扛起百亿级访问量的实践。

**时间地点**

时间：2018年08月04日 星期六 13:30-17:30

地点：北京海淀 · 中关村鼎好大厦A座3层太库孵化器

**日程安排**

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 1]

**> >****[点击报名][Link 1]** **< <**

**分享介绍**

**主题一：EH —— 用黑科技打造的全新的 Hybrid 体验**

![640?wx\_fmt=png][640_wx_fmt_png 2]

**陈禹霖，美团技术专家**

10年前端研发及研发管理经历，负责美团支付、支付平台前端技术体系建设，技术方面侧重于 Hybrid 界面体验优化。

**内容简介**

在移动互联网普及的今天，移动端应用研发有三种方式：Native、跨平台技术、Hybrid，每种方式都有自己的优缺点。本次分享通过横向对比和体验本质的分析，为大家介绍美团金服在移动端 Hybrid 界面体验优化上，是如何使用一系列黑科技解决界面体验技术瓶颈的。

**主题二****：****Vix —— 如何打造一个高效的前端组件库**

![640?wx\_fmt=png][640_wx_fmt_png 3]

**张胜，美团高级研发工程师**

多年前端研发经历，负责美团支付钱包方向研发及团队基础技术组件建设。

**内容简介**

在源源不断的需求下，每个前端团队都会渐渐沉淀一套属于自己的组件库。一个好的组件库需要能最大程度的减少重复的工作量，提高效率，为此要满足两点要求，一是要足够灵活，可以应对日新月异的需求变化；二是使用要足够简单，上手、使用成本都很低。本次分享将介绍美团支付在该领域的一些实践和沉淀。

**主题三：委以重任的Node.js —— 百亿级访问实践**

![640?wx\_fmt=png][640_wx_fmt_png 4]

**迪波威，百度资深软件工程师**

在前端混迹十一年，中间经历三次创业，坚信前端可以学到老干到老，在百度从14年开始将Node.js 应用于线上业务，逐步扩大规模，15年负责EBG商业变现前端团队，16年成为百度原生广告业务前端团队负责人，业务从无到有发展至今，经历众多挑战，取得开创性成果。

**内容简介**

Node.js 自诞生以来，多用于本地运行或纯网络IO的中台处理，也一直有关Node.js 不利于密集型计算的观点，但在百度原生广告业务百亿级访问的体量下，Node.js 却挑起大梁，不但处理着高并发、密集型计算的底层任务，并且可用性高达5个9，是全链路应用层单实例QPS最高的服务，在这次分享中将为大家揭秘完整实践及具有指导性的方法论…...

**主题四：建时预渲染 —— 网页首帧优化实践**

![640?wx\_fmt=png][640_wx_fmt_png 5]

**尚寒阳，美团资深研发工程师**

多年前端研发经历，负责美团闪付前端系统建设、负责美团支付前端基础技术。

**内容简介**

为了解决首屏白屏的糟糕用户体验，Web 前端诞生了 SSR 、CSR、预渲染等技术。本次分享主要为大家介绍在美团支付的前端技术体系里，如何通过预渲染提升网页首帧优化，从而解决白屏问题，提升用户体验，并形成最佳实践。

**往期活动PPT及视频干货看这里**

美团技术沙龙目前已在北京、上海、厦门、成都等城市成功举办了38场，吸引了2W+工程师报名参会，覆盖前端、后台、系统、算法、测试、运维等技术领域，往期PPT及视频资料已整理，我们愿意帮助更多的同学在技术成长的路上不断狂奔！

**往期活动PPT及视频干货>>> [链接 ][Link 2]**

**感谢**

**活动主办方：**美团技术团队

**社区协办方**：掘金

**宣传合作方：**活动行

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 2]

《美团技术沙龙第40期：前端遇上黑科技，打造全新界面体验与效率》报名请戳 “**阅读原文**”

![640?wx\_fmt=png][640_wx_fmt_png 6]

[640_wx_fmt_png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/f450e82d52f243e0b225347195732436.png
[640_wx_fmt_jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/2167e12c29fa41ea959ad51c702271b0.png
[640_wx_fmt_png 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/6c337b6b90a24d9aae2db9bdf477330f.png
[640_wx_fmt_jpeg 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/4fa8025653984db29c84fb60d7857d48.png
[Link 1]: http://www.huodongxing.com/event/3449419913500?qd=weixin
[640_wx_fmt_png 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/890470da8c6847aab20a6e0e8bfd43e4.png
[640_wx_fmt_png 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/5ec9e2a49a9a45178f3a3306e67ed0e2.png
[640_wx_fmt_png 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/2ce2749682a24866b96fef28cdbc5e6f.png
[640_wx_fmt_png 5]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/301fc3041b0440fea170592dac45ceff.png
[Link 2]: https://tech.meituan.com/salon/#/
[640_wx_fmt_jpeg 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/87fa05d11ba24210b4d634a0571e7a3f.png
[640_wx_fmt_png 6]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/6769b0b8805a4925a3dfb2700d7da27c.png