FDCon2019 PPT分享以及memo整理

FDCon2019 中国前端开发者大会PPT分享以及每场memo整理

总结

前两周很荣幸代表公司参加FDCon2019 中国前端开发者大会,现在搜集各处组委会各处资料以及自己的笔记整理下来放在这和大家一起分享,整场听下来,前端各个“轮子”以及技术栈越来越多,而且每年都在推陈出新,每个企业和前端开发者都需要找到合适自己的技术栈进行钻研和深入,底层的思想都是互相融合想通的;

关于前端的中台化之路,听了几个大厂的分享;发现和我们公司做的前端组件以及思路差不多,只不过他们有更多精力和财力投入实施,例如组件配置化思路以及代码实现,配置文件界面化,业务执行操作配置产出界面初版给开发等等,都是我们前端小组正在努力的方向。

我自己要更加加重比例的一个是一个是对组件的业务抽象,对比我给我司的配置化组件和框架,配置的内容和门槛还是有一点学习成本的,所以要第一要更加抽象业务,坚持2 8原则,从而降低配置门槛和配置效率;第二是对组件的UI设计,阿里巴巴的配置化组件有5个设计师专职进行配置化组件的设计,设计风格的抽象也奠定了可以适配更多场景的项目使用;

文章目录

前端标准专场资料下载以及每场分享的memo:

A - 前端标准 专场

A - 1 【使用 PWA + AMP 构建超快 Web App 】 李耀东-thoughtworks

  • 重点介绍了 AMP,分享了现在网页加载中可能发生的问题,如何利用 AMP 解决这些问题,最后介绍了PWA 在这个过程当中起了什么作用.

A-1-PWA + AMP 构建超快 Web App-李耀东.pdf

A - 2 【滤镜与混合模式】 张鑫旭 - 阅文集团-前端重构

  • 分享了css滤镜与混合模式让前端工程师在不依赖设计师的情况下,可以优美的处理动画以及图片,列如css图标,仅需要一张png图片就可以达到换色的效果.

A - 2 - 滤镜和混合模式-张鑫旭.pdf

A - 3 【前端多媒体技术的探究】 银国徽 - 字节跳动

A-3- 前端多媒体技术探究-银国徽.pdf

  • 探讨了前端多媒体,首先是以数据为说明对整个目前的多媒体行业的分析;然后,介绍了HTML5多媒体接口,最后分享了整个字节跳动在前端拓展多媒体的实践。

A - 4 【JS@2019】 贺师俊Hax-百姓网前端专家

  • 告诉大家近十年之内他做了很多关于JS的演讲,本次大会上主要围绕“JS@2019年”分享了JS语言标准里面相关的内容。

暂无PPT(可在线观看)
https://johnhax.net/2019/js@2019/slide#0

B - React 专场

B - 1 【React-Hooks:从设计理念到实战经验】 李子翔-携程

  • 跟大家分享了 React-Hooks 。首先从React-Hooks出现的背景出发,给大家讲解了 React-Hooks 的实战以及 React-Hooks 中使用的问题,最后以 useState 和 UseReducer 为例简单探索一下 React-Hooks 内部。

B-1-React-Hooks-从设计理念到实战经验-李子翔.pdf

B - 2 【React:The bad parts】 侯策(@LucasH) 《React 状态管理与同构实战》作者

  • React 框架因其颠覆性的设计、清新的数据状态管理理念、甚至“性能友好”卖点,一经推出很快风靡业界。但是在历数 React 框架特点,学习其精髓之时,他从 bad parts 入手,给参会者分析了它的“瑕疵”以及这些“瑕疵”在 React 发展过程中如何被淘汰或被“纠正”!

B - 3 【React状态管理最佳实践探索】 贾扉扉,阿里巴巴前端技术专家,花名元贽

  • 主要状态管理的重要性、状态管理的发展历史、相关类库百花争鸣的状态、React新特性探索四个方面为我们带来精彩的分享,从而使我们获得更多状态管理实践中的新启发。

B-3-React状态管理最佳实践探索-贾扉扉.pdf

B - 4 【RxJS 在React中的应用】 龙逸楠 LeetCode

  • 他通过自己的应用经验,不仅给大家介绍了RxJS 与 Redux/Mobx 之间的关系,还分享了redux-observable 与 redux-saga 的异同以及在 redux-epics-decorator 下使用 RxJS的方法。最后向大家展示了在 React Hooks 中使用 RxJS 实操经验。

B-4-RxJS在React中的应用-龙逸楠 .pdf

A - 小程序 & 移动端专场

A - 5 【Omi - Push JSX and Web Components to the limit】 张磊(dntzhang) - 腾讯 Omi 框架负责人 & 高级前端工程师

  • 主要从以下三部分分享了其中的技术应用:第一大块是 Omi Framework,第二块是 Web Components,第三块是 JSX、HTM,还有 Cax SVG Renderer。

A-5-Omi - Push JSX and Web Components to the limit-张磊.pdf

A - 6 【chameleon跨端实践经验分享】 杨益良 滴滴高级前端工程师

  • 从跨端背景开始介绍了滴滴的开源项目了Chameleon(变色龙)基于业务驱动开发的一款跨端框架。并进行了案例演示

A-6-chameleon跨端实践经验分享-杨益良.pdf

A - 7 【ARMS小程序监控进阶之路】 付萌(慕扉)高级前端开发工程师

  • 向大家分享了小程序监控的现状及问题,阿里云 ARMS 小程序监控 SDK 进阶之路,以及阿里云 ARMS 小程序监控系统设计,ARMS 是业务实时监控系统的简称。

A-7-ARMS小程序监控进阶之路-付萌.pdf

A - 8 【企业级H5质量工程体系探索】 田浩(灵杭)- 蚂蚁金服高级前端工程师

  • 给大家分析了目前 前端开发中会遇到了一些质量问题和困境:如兼容适配、请求异常、业务异常等,并对这些问题做一些总结和归纳。同时结合阿里内部的一些实践给大家提出了解决现有前端质量问题的一些通用的原则方法和思路,如数据代码隔离、测试驱动开发、分层聚焦、分工协作。

A-8-企业级H5质量工程体系探索 - 灵杭.pdf

A - 9 【使用serverless云服务快速开发小程序】 曹昱豪 -TW

  • 通过结合自己使用Serverless云服务开发小程序的经历,给大家讲解了 Serverless 云服务和精益软件开发的相关概念,不仅给大家展示了使用 Serverless 开发小程序的具体流程,也给大家总结分析了现有 Serverless 云服务的优点和缺点,最后给大家分享了敏捷开发中一个非常重要和有用的思想:think big、start small、move fast。

A-9-使用serverless云服务快速开发小程序-曹昱豪.pdf

B - 全栈&全端专场

B - 5 【聊聊 Node.js 构建部署时我们要关心的数据】 死月,蚂蚁金服 Node.js 工程师

  • 根据自己在蚂蚁金服做这些数据的收集和实践的一些总结,跟大家分享了在 Node.js 构建部署时要关心的数据,而且这些数据并不是高深莫测的数据,基本上都是大家开发时候抬头不见低头见的东西。

B - 5 - 聊聊 Node.js 构建部署时我们要关心的数据 - 死月.pdf

B - 6 【让你的网页更丝滑】 刘博文 360导航事业部资深前端工程师

  • 在大流量C端Web产品中,性能至关重要,网页的丝滑程度与收入和流量息息相关, 给我们分享了如何给用户提供流畅的网页,提高使用体验,使让你的网页更丝滑

B - 6 - 让你的网页更丝滑 - 刘博文.pdf

推荐看在线版的,功能齐全:
https://ppt.baomitu.com/d/b267a4a3

B - 7 【面向接口编程在前端的探索】 吴明骏 饿了么高级前端工程师

  • 列举了几个实例场景,从不同角度出发,为我们分享如何运用面向接口编程,挑战前端场景中遇到的痛点。

B-7-面向接口编程在前端的探索-吴明骏.pdf

B - 8 【前端核心代码保护技术概览】 赵洋 前百度、腾讯前端开发工程师

  • 跟大家一起探讨了WebAssembly安全方面的应用,围绕为什么做这个,结合实际案例讲述怎么来做对应的前端核心代码对应的保护。

B - 8 -前端核心代码加密概览 - 赵洋.pdf

B - 9 【服务端渲染框架在喜马拉雅的演变】 孙扬杰 - 喜马拉雅前端架构工程师

  • 围绕框架讲述核心知识,告诉我们一个框架的出现不单单是为了KPI或者是业绩,首先是服务于产品,服务于业务性。以自己公司实践为例,分享了服务端如何巧妙的在前端渲染,拥抱新的变化在其基础上进行有效演变。

B - 9 -服务端渲染框架在喜马拉雅的演变- 孙杨杰.pdf

C -中台&toB专场

C - 1 【模型驱动开发】 汪志成-ThoughtWorks 高级工程师

  • 首先从哲学角度出发,给我们引出了什么是模型的概念,并通过一个表格的示例给我们讲解了为什么要建模的三个原因,再对建模进行了分类和概念解析,然后正式引出了模型驱动开发的概念和工作流程,最后告诉了我们锻炼建模能力的方式并给我们分析了常见的建模坑,十分实用!

C - 1 - 模型驱动开发 - 汪志成.pdf

C - 2 【前端能力中台化之路】 李正韬 - 阿里巴巴 高级前端工程师

  • 给大家分享了前端能力的中台化之路,从中台化的概念起源讲起,分析了为什么前端需要中台化和驱动中台化发展的原因,然后结合自己的编写的一套组件库 Fusion Next,分析了从组件库到到中台的实现方式,最后表示正在探索未来前端中台可能的发展方向。

C- 2 - 前端能力中台化之路-李正韬.pdf

C - 3 【业务实现标准化在中台领域的探索】- 董天成 @ 百度 高级前端工程师

  • 一直在探索怎么在中台业务开发过程中找到一种更好更快的方式,所以他主要跟大家分享了业务实现标准化在中台领域的探索,他首先讲解了中台领域前端领域主要做什么,总结了中台领域面临四大常见问题,然后分享了一个可以解决这些问题的基于React的库:RCRE,并结合 Demo 逐一分析了 RCRE 解决四大问题的方式,最后分享了 RCRE 一些其他的特点。

C - 3 -业务实现标准化在中台领域的探索 - 董天成.pdf

C - 4 【Element 高效中后台开发】 朱昆 饿了么资深前端工程师

  • 给我们分享了 Element 是如何在饿了么中后台系统开发中保证质量、提升效率和满足个性化定制需求的。

C -4- Element 高效中后台开发 - 朱昆.pdf

C - 5 【建设企业级的前端应用体系】 张浩,网易资深前端开发工程师

  • 从四个方面向大家分享了【建设企业级的前端应用体系】第一基础规范建设;第二组件库业务模块建设;第三贴合业务的工程化建设;第四未来规划建设。在定义好整体规范的基础上,贴合业务设计组件库和业务模块,完善Cli工具,编辑器插件等配套设施,探索与实践一些新的方式。

C-5- 建设企业级前端应用体系 - 张浩.pdf

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值