缘起
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。
总结
一入前端深似海。