08月29, 2017

第三届FEDay回顾

上周末去参加第三届FEDay大会,好多干货,分享给大家。

alt

《谈项目中如何选择框架和库》

我先贴出来ppt

张克军老师讲到项目中选择框架需要关注的地方,成本与效率的权衡,选择框架的基本原则,其中我印象比较深刻的点是他对技术选型提出的很好的一下办法:

选择框架之前,可以先在大脑中虚拟运行一遍,来检查可能出现的问题和优缺点

《webpack打包机制及调试优化》

ppt 在这里。

alt

这个主题是PostCss开发成员 Alexey Ivanov(一位战斗民族的大叔)来讲。讲道理,大叔的英语狠俄式,听起来有点困难。不过结合PPT大概还是能明白一些的。

大叔主要讲了在webpack调优方式与检测方式以及webpack内部打包机制,顺便展望了一下未来。 我印象比较深刻的是:

  • 他提到使用bundle analyzer来对当前需要优化的地方进行分析。
  • __webpack_require__原理的介绍
  • 根据process.env.NODE_ENV来定义不同的环境配置不同webpack config
  • 对module部分的展望,提到pure module部分属于试验阶段的新特性

《如何用JavaScript做好一个大型应用》

PPT

这一块的内容,主讲人是钉钉FE负责人孟红伦,主要结合钉钉的前段工程化相关的内容来介绍TypeScript和钉钉中nw.js构建方式,印象比较深刻的点是,TypeScript的优势在于能够Type Check捕获大型项目复杂数据模型使用的错误异常,在你使用未定义或不合法数据时会有相应的提示。其次特别提到使用Rx.js,这个框架我之前没用过,打算最近了解一下。

《从Cycle.js谈函数式与响应式编程》

PPT

主讲人是来自阿里的Jssin Yip

alt

结合cycle.js介绍函数式编程,深入浅出的类比用户与电脑的关系来讲解数据流的概念。

讲道理,函数式编程在我的认知中一直是比较抽象的一种编程方式(对比其他编程方式),函数式编程的确可以增加我们代码的可预测性,js之父也是一个机器擅长函数式编程的程序员。想要真正的了解还需要大量的实践经验,月影大大也曾在博客中写过函数式编程的相关文章漫谈 JS 函数式编程(一),拿来参考理解理解~~

《链家工程化实践》

PPT

alt

主讲人是链家网教主大大,主要内容链家网在实际项目中在前段工程化方面的应用。

与我们common sense中的前端工程化的概念并不太相同,从传统的MVC实践到后面MVVM中先后端分离实践,前端工程师希望对后端的依赖逐步减少,起初链家采用PHP来写middleware,到后来改进成为采用node来封装数据处理的middleware,更好的实现对API数据根据前端模板的需要进行格式化处理,从而有效地提高开发同学的工作效率。

《基于React Native的三端技术实践》

PPT

主讲人是京东的FE负责人putaoshu(刘威),主要结合京东金融APP在React Native的实践经历进行介绍。可以看得出RN在实际使用中还是存在一些兼容性和稳定性的潜在问题的。putaoshu老师提到京东金融针对目前存在的问题才去的相关措施,如针对低版本兼容采用原生跳H5页面,同时提到关于对RN框架体积较重的优化(PPT叫这个是框架瘦身)对源码的一些内容定制化修改,对于这一点我有一点点不敢苟同,个人觉得修改源码的维护成本比较高,putaoshu老师解释是框架升级的频率暂时较低。

《WebAssembly在白鹭引擎中的实践》

PPT

主讲人是白鹭引擎的首席前端架构师王泽,不得不说整场下来我对这个主题印象最深刻,原因我猜应该是王泽老师讲解的深入浅出幽默诙谐,还有就是我个人对前端动画的由衷的热爱。

王泽老师通过canvas的一个画矩形的demo作为切入点,讲解引擎的基本原理,以及介绍了WebAssembly以及白鹭引擎在WebAssembly实践中遇到的问题,同时结合js(对比C语言)的垃圾回收机制来探讨关于引擎中性能优化的相关问题。

《Machines must sudder — Linters and tools for font-end development》

PPT 在这里

主讲人是PostCss作者Andrey Sitinik,作者这次并没有分享PostCss,而是主要讲解在实际生产环境中Lint工具的重要性。具体包含Lint工具的使用方式,以及在实际生产环境中的应用场景(如新同学的代码风格的统一,以及团队在CR的过程中Lint所带来的好处),可以有效地解决的问题。分享的末尾推荐给大家一些很好的Lint工具。

总体来说,收获满满啦~

PPT来源:第三届FEDay

本文链接:https://www.imwineki.cn/post/FEDay.html

-- EOF --

Comments

评论加载中...

注:如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理。