网易第二届前端技术大会

缘起

2019.01.19，早上五点起床去杭州，晚上十点半回到小窝。由于个人水平过低，因此如下仅为会议简单记录，或者说只是个人一个日记。详情请关注网易的一个前端公众号——“前端技术交流社区”，据说会公布大佬的PPT，干货不少。

注：我是小公司的，不少没有用过也没有考虑或接触过，理解下来会有误差，请指正。

不算开场致词，总计七位大佬，七个主题讲座。

目录

1.megalo-网易考拉小程序解决方案——吴子然（网易高级前端开发）

2.支付宝小程序最佳实践——勾玉（蚂蚁金服前端技术专家）

3.NEI MockStore演变之路——包永明（网易云音乐前端技术专家）

4.世界是平的嘛？——徐飞（阿里云高级前端技术专家）

5.如何构建企业级Node.js应用——许骏宇（网易考拉高级前端开发）

6.Diving into Node.js Web Framework——死马（蚂蚁金服高级前端技术专家）

7.关于class filed的争议话题——Hax（百姓网技术顾问）

1.megalo-网易考拉小程序解决方案——吴子然（网易高级前端开发）

吴大佬，东南大学本硕，非计算机专业。16 年毕业后加入考拉，mpregular、megalo 核心开发。

会议主题是介绍megalo框架，一个github上1015星(截至2019.01.19 23:07:00)。项目启发来自mpvue框架，一个github上15437星(截至2019.01.19 23:08:00)，emmm...由于是好奇当时大佬说了星数已经有mpvue十分之一了，我才手贱查了下，不过这和没有大力推广有关系，毕竟我没用过，很少说啦。

会议介绍了megalo的编译流程，从loader构建：改标签(div => view)、for语句的转换、click事件的处理等等，到compiler过程作标记，这部分我没听仔细，好像是给每一个闭合标签都加上id标记？，再到Runtime时绑定声明周期、事件代理、数据映射等等。

会议一部分重点讲解了megalo在性能上的优化，在渲染和更新数据时，采用diff算法减小性能消耗。同时还有一个方面，我不是太清楚，我的理解是相似依赖收集或者数据懒加载，即只把vue的data中，在页面组件里使用过的属性，才构建进微信小程序的setData中，等等。

会议还有一部分详细讲解了vue中的filter在小程序要如何实现，很差意思...这部分忘了。

相对于mpvue中，做者已经好久不维护了。megalo支持的vue特性更丰富，同时还支持支付宝小程序，百度智能小程序。能够预见，github的星数赶超，指日可待。

2.支付宝小程序最佳实践——勾玉（蚂蚁金服前端技术专家）

勾玉，16 年加入蚂蚁金服，目前负责支付宝行业前端技术团队，业务涵盖充值缴费、信用卡还款、电子发票、大出行、城市服务、快递、车主、租房等等，在海量的业务中，成功转型成前端 PM。

这个我睡着了- -，恍惚记得说了些支付宝小程序对于离线包如今的一些事情，还记得支付宝小程序IDE将会开放编辑器插件功能，同时还会贡献公司内部开发出的插件。

3.NEI MockStore演变之路——包永明（网易云音乐前端技术专家）

包永明，多年前端开发经验，曾在阿里巴巴、盛大创新院等公司任职，15年加入网易杭州研究院，目前在网易云音乐前端公共技术组，专一于前端研发效率、质量、监控分析、工程化等领域的研究。此外，是一名业余的技术书籍翻译爱好者，翻译过《单页Web应用：JavaScript 从前端到后端》等书籍。

会议从前端假数据的历史开始讲起，从注释掉ajax直接写callback，到假数据写成一个json文件...哈哈，其实不是这样说的，这是个人假数据历史。大概就是说了下假数据的演变过程和NET这个项目的演变过程。生动形象的讲解了，如何让反馈推进一个产品的成功。例如：返回的数据无心义，我只想要音乐的名字，而不是乱七八糟的文字——那你本身配；各个接口不关联，我想在新建商品以后，再把这个商品数据拉出来作详情——针对restful接口风格，在新建的时候把数据存到mongodb中，返回一个id，你随便调；能校验参数嘛——前置业务逻辑脚本；能实现分页嘛——后置业务逻辑脚本等等，更多详细介绍请自行查看官网：NEI-接口管理平台。

会议带来lionel爱学习的我的感想，这就是我想要的东西呀，不再怕后台效率低，我本身写好了数据结构最后他又不用，后台每次改动接口数据结构后直接丢我一个postman连接，我？？？

会议带来更深层感想，研究两天，赶忙找老板推广。

4.世界是平的嘛？——徐飞（阿里云高级前端技术专家）

徐飞，长期从事企业软件领域的前端架构，对于组件化开发有较多的思考。

七个讲座里最哲学标题，先针对标题分析一波，这个问题在最后大佬给了一个回答，原话不记得，如下我的理解。咱们生活在地表，观察到大山巍峨，深渊沟壑，会觉得地球是一个高低起伏，上下颠簸的，可是当咱们从太空中观察地球，或者是拿出一个地球仪观察，你才会发现那些起伏相对于地球来讲，是微不足道的。因此世界是平的嘛？它的答案与光同样具备二相性，与薛定谔同样具备猫；它的答案是你看山，山也在看着你；它的答案是：道理我都懂。它没有答案。

为何我要跟题目一块儿讲哲学呢？

由于这位大佬是低音炮，好听，听不进去，我真的真的一点都记不起来，并且当时我有认真听的。

5.如何构建企业级Node.js应用——许骏宇（网易考拉高级前端开发）

许骏宇，Node.js 在考拉落地的主要推动者之一，开源项目 foxman、dubbo.js 发起者。

这个强烈建议搞个ppt看，十分干货。从大佬本人推进的第一个node.js应用被拒提及，在针对架构师的灵魂之击，安全性怎么样，能抗住大流量嘛，上线出问题了能快速修复嘛...等等问题，从一个企业级应用的可用性和性能方面，写了一个多小时的详细ppt怼回去，主要推动者实至名归。

会议详细介绍了如何实施监控，如何安全构建和部署，如何分发服务等等不在我学过的范围内，多角度深层次的讲解node.js，很好的。

6.Diving into Node.js Web Framework——死马（蚂蚁金服高级前端技术专家）

不用太多介绍啦，koa、egg、cnpm...

深刻浅出node.js框架，介绍了express和koa等轻量级node.js框架到底实现了什么，介绍了大家这么轻量的缺点，推广了egg.js。唉，node.js是成为前端必备技能了吧，我只用过koa框架写了一个todo应用，并且我这个服务器快到期了。

7.关于class filed的争议话题——Hax（百姓网技术顾问）

贺师俊，网名hax，人称「贺老」，现为百姓网技术顾问。十多年他来一直活跃在Web标准、前端开发和JavaScript社区，对HTML等标准有微小的贡献，也关注和参与了多项ECMAScript新草案的讨论。Hax是知乎的编程、前端开发、JavaScript、CSS等话题的「优秀回答者」，可知乎 @贺师俊 向他提问。可在GitHub上 @hax，或微博 @johnhax 与他交流。

什么叫前端开发者的自我修养，整场对class filed糟糕设计的那种哀其不争露于言表。B站上有大佬在第八期杭州 NodeParty ✖️ Rokid 技术分享会上的现场视频关于 class field 的神秘话题 | Hax。

总结

一入前端深似海。