记一次饿了么大前端技术交流会

序言

上个周六，我有幸去「 饿了么 」总部参加了一场大前端技术交流会，感受还是有点的，本应该当天晚上就提笔写下这篇文章，无奈周五晚上写完上一篇文章直到凌晨两点才睡觉，第二天又早起奔波了一个小时去参加了一整天的交流会，晚上回来的时候已经疲惫不堪，而周日又在自己捣鼓移动端 web 适配的问题，于是拖到了今天。

主讲内容

交流会总共由「 饿了么 」的大前端工程师分享了七个主题，下面我将按照顺序一一回顾并介绍。

1、PWA 在饿了么的实践

PWA 是什么？Progressive Web Apps，即渐进式 web 应用。自古以来，app 应用一直分为两大阵营：web app、native app。web app 构建于浏览器之上，而由于浏览器统一标准的存在和发展，web app 具有天然的跨平台优势（不论你是用的传统 windows 或 macOS 的 pc 机，还是 android 或 iOS 系统的手机，又或者是 iPad 或其它各种终端，只要有浏览器，同一个 web app 就可以运行），当然浏览器也是运行在这些不同的系统中，适配的问题其实是交给浏览器自身解决了，而至于 native app ，没有浏览器的依托，直接运行于原生系统中，所以对于 android 或 iOS 系统，我们需要对应开发两套应用，即使用户看到的是相同的东西。当然，web app 和 native app 没有一个是完美的，各有自己的优缺点，不展开了，扯远了。

PWA 是为 web 而生，其到来让 web app 具有更快的响应速度、离线使用、通知推送、以及将应用添加至桌面而不用下载等等特点，当然上面这些内容其实都是我自己了解的，因为我也一直都在关注这方面的东西。

PWA 技术相当新潮，饿了么的团队敢于花费大量的资源去跳坑，这一点也是令人蛮佩服的，啰嗦了这么多，其实是因为我去的时候迟到了，前面很多部分没听到。。。当然主讲人讲的内容确实是基于实践的，比如一些碰到的 bug ：user agent 、http header 、uc 301 等，lighthouse、checklist 工具等等，不过因为我也真正没有实践过 pwa ，所以对很多讲的东西没有实感，反而是不经意间提到的单页应用与多页应用、客户端渲染与服务端渲染，反倒是让我比较有兴趣去理解其本质区别。

ps：写着写着又到了十一点半，还是快点写完吧，熬夜不好。

2、前后端协作方式的演进与探索

所有人都会碰到的问题，当然前后端的协作交互，接口文档是重中之重，所以 饿了么团队自己搞了个 recipe ，又一次体现了强大的基础建设能力，自己安利了半天，结果现在并没有开源。不过 swagger 的呼声是真的高啊，虽然我用的另一个工具 「 apidoc 」通过代码中注释自动生成 API 文档，之前我也写过两篇文章，感兴趣的可以去历史文章翻一翻看一看。

3、前端依赖健康监控服务的实践

光看题目并不知道要讲什么。主讲人讲了下版本更新提醒策略、版本发布的流程整合，依赖库模块的黑白名单、升级模块的方式，拉取 npms.io 的评分，优雅的接入服务：权限认证、项目 PR 、issue webhook 读取文件 巴拉巴拉。

4、vue 在饿了么的应用

搞前端的大家都知道你用了 vue ，还开源了 element ，不多说了。

5、flow 与类型理论

由于 javascript 本身的弱类型，导致很多场景下类型的判断转化很麻烦，所以就有了它的超集 typescript ，flow 的主要作用也是跟类型相关的，主讲人演示了一堆代码，我是没怎么看的，不过我倒是对 flow 蛮感兴趣，下次自己实践实践再写篇专题。

6、设计角度看 element

讲了一堆编程的，来了个设计的主题，好吧，还是围绕自己开源的 element 来讲的，不过我很早之前搞 react 的时候对 ant design 倒是影响深刻，还是那句话吧，饿了么的基础建设能力很强。

7、可视化文档编辑器的实现探索

首先， 可视化文档编辑器并不是富文本编辑器，我想应该是为了快速自动生成前端模版弄的，巴拉巴拉讲了一堆吧，老实话也没听明白啥。

总结

个人感觉「 饿了么 」整个大前端团队非常 nice ，整个公司也都是很开放的姿态，办公地点很大，位置之间并没有隔板，不过说实话哈，主讲人的演讲水平参差不齐，一股程序员的风格吧，最后，个人最大的收获应该是喝了两瓶免费的雪碧。