机缘巧合，能够参加 13届 D2 前端开发者大会，自己的拖延症又犯了，没有及时将文章整理出来。下次要趁早，不然点赞的人都少了 （o´ﾟ□ﾟ`o）

0 玉伯 —— 体验科技与好的社会（蚂蚁金服）

文字版 www.yuque.com/yubo/words/… 插播一条前一日蚂蚁金服 SEE_CONF 玉伯的开场

1 圆心 D2 开场

五个变化

1. PC -> 无线 给前端带来更多的可能性和创造性

• 无线端市场份额越来越多（淘宝 95% 交易在无线端）

• 无线时代的渲染技术的改变

• 无线时代性能优化的改变（Yahoo 的 N 条军规不能完全适用）

• 无线时代基础能力的改变 可以获取更多端提供的方法

  • LBS
  • 摄像头
  • 陀螺仪

2. nodejs 让前端走到后端 让前端获得更多的能力

• 前端模块化和体系化
• 前端思维模式的改变（eg:微服务模式）
• 阿里现在已经有 4000 多个 node 应用

3. ToB 体系的到来给中后台有更多的机会

• ToB 体系逐步完善
• ToB 体系天然的标准化和收敛性催生优秀的 UI 组件库

4. 前端工程化的到来

• 前端开发逐步从开发工具到开发工程
• 前端开发体系逐渐完善
• 前端走向成熟的标志

5. 框架语言的相对成熟

• vue react 两大体系使得前端开发逐步确定

三个机会

1. 中国特有的小程序提供新的机会

• 除了微信，支付宝、钉钉 等都开始推出自己的小程序
• 特点：跨平台、高度的安全性、赋能

2. AI 智能化带来的新的机会

• AI 智能化的发展并不是和前端完全没有关系（但是区块链和前端真的没有关系 ）

• 去 code 化（design to code ）

  • 提高开发效率
  • 仍需探索

• 端智能框架

  • 服务端的算法可以下发到客户端来做
  • eg: 淘宝详情页无障碍框架（详情页为图片拼接，如何通过 AI 智能转换为文字供障碍人士阅读）

3. PC 桌面带来的机会（Electron）

• 开发模式的改变
• 云+ 端使得前后端开发更加高效

总结

• 唯一不变的就是变化

• 前端的发展前景还是充满活力并且面临机遇与挑战

  • 新零售
  • 异形屏
  • 新一代的交互设备给前端整个体系的挑战

• 相信你所相信的，坚持你所坚持的

2 个人收获

其实我觉得参与本次 D2 给我带来最大的帮助就是让我对我现在所从事的行业更加有信心，因为我们能做的还有很多。

其实之前一直有言论说前端工程师慢慢将会被取代，因为这几年确实有很多优秀的工具出现。

如果你也有这样的担心，那么完全是因为你现在所做的事情就和搬砖的工人是一样的，机械的重复劳动，所以将会被取代的是 你 本身，而不是某一个行业，我相信，如果只是机械的劳动的话，不久的将来，都是会被机器替代掉的。

从圆心的发言来看，现如今的社会的发展，计算机的发展和前端的发展，和五年之前或者三年之前都是有很大的变化的。那么面对这些变化，就会有更多的机会和挑战，比如：

• PC 到无线时代的转变我们可以获得更多端的基础能力
• Nodejs 让前端开发工程师可以走向后端，无论是业务还是思维方式
• ToB 体系的完善可以让我们开发出更多的标准化 UI 组件库
• 中国特有的小程序也会有更多的机遇与挑战
• PC 桌面我们也可以做更多的事情了
• AI 智能化逐步会让前端去 code 化（design 2 code）也会催生出更多的端智能框架
• 特大屏幕和超小屏幕也会给前端开发有更多的开发和挑战
• 新一代的交互设备给前端整个体系的挑战

也就是说，在未来的几年中，我们所从事的行业还是有很多的领域需要我们去探索的，我们能做的还有更多，同时，未来也还会有无限种可能，未来就掌握在我们每个人的手中，我们每个人都是推动时代进步的一份子。

3 个人感悟

相对于之前参与的 JSConf，本次 D2 收获还是蛮多的，也是从一个刚入行的小菜鸟变成了稍微好一点的小菜鸟(ಥ_ಥ)

你从 D2 这样的分享会能得到什么

• 想要干货？八成都不是，你能得到的是整体大环境的发展趋势
• 你可以了解到其他大牛们都在研究什么，开阔技术视野，时不时感慨还可以这样？！ヽ(；´Д｀)ﾉ
• 获得第一手的学习资料，作者本人直接向你讲述，如果你有问题，作者本人可以给你答疑解惑~~
• 感受下和大牛们之前的差距，嗯，可能也就是月球到地球的距离吧 (〒︿〒)
• 学习一下演讲技巧，如何在短时间内让大家理解你想要表达的内容
• 大型网友见面会，感受下旁边有在微信上问你：“你是不是也来 D2 了呀，我旁边有个人和你很像唉~~”
• 顺便带走个 女朋友 男朋友 基友（也不是没有可能啊喂，上次 饿了么 秋季交流会就有现场带走女朋友的~~~）

D2 分享资料：

• GraphQL rewrite and performance improvement 》王啟安 / Facebook 前端工程师

  由台湾小哥讲解的 GraphQL，主要讲了 GraphQL 的一些概念使用以及优势 思路清晰通俗易懂，业务痛点和应用场景也有介绍。

  相关资料：graphql.org/ graphql.cn/

  一种用于 API 的查询语言：GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。 GraphQL 对你的 API 中的数据提供了一套易于理解的完整描述，使得客户端能够准确地获得它需要的数据，而且没有任何冗余，也让 API 更容易地随着时间推移而演进，还能用于构建强大的开发者工具。

• 《你不知道的 Node.js 性能优化》 Starkwang/ 腾讯云前端工程师 zhuanlan.zhihu.com/p/50055740

  小哥哥讲的很好，准备非常充分，对内容非常熟悉。讲了一些很实用的优化方法和思路，最后还讲了怎么做性能监控，可以说是很用心的了

• 《如何通过逆向工程 V8 从故障的进程中复活 JavaScript 》张秋怡 / Node.js Technical Steering Committee 的成员

  通过 Node.js 还原事故现场，在 Node.js 事故之前保留所有调试相关的信息，便于事后调试

  相关资料：llnode ：github.com/nodejs/llno…

• 《WebAssembly becoming the biggest platform》Sven Sauleau / TC39成员、Babel 核心成员、 Webpack核心成员、 WebAssembly专家 d2-2019.sauleau.com/

  相关资料： webassembly.org.cn/

  WebAssembly/wasm WebAssembly 或者 wasm 是一个可移植、体积小、加载快并且兼容 Web 的全新格式

• 《Migration To React Suspense》闫畅 / Facebook 前端工程师（github.com/cyan33/Migr…

  主要阐述了 React Suspense 所要解决的问题以及相关的使用

• 《Will "class fields" be the new "bad part" of JavaScript? 》贺师俊（Hax）/ 百姓网架构部工程师

• 《从 spritejs 谈完整的 UI 系统设计》winter / 计算机之子

  主要讲了UI系统的设计/分层，包括围绕spritejs讲了其设计以及一些优化，清晰易懂。

  UI 系统分哪几层，浏览器、Weex、Flutter 分别是如何实现这几层的？

  接着介绍了 SpriteJS 匹配之前所述的 UI 系统各层都采用了哪些实现方案。最后 winter 给了一些关于由 SpriteJS 在 UI 系统图形层、渲染层的展望引出的总结

• 《Web 渲染引擎中兴之路之技术大揭秘》成国凯 / 阿里巴巴 无线开发专家

  从 U3 到 U4 内核，渲染引擎以及容器都有哪些变化，Rasterization 即光栅化是如何利用 GPU 能力的，从单线程到多线程、多进程和沙箱多进程，Web 平台的演进史，该如何合理使用 Layer？U4 众多新特性介绍，以及滑动性能优化、首屏性能优化、混合渲染等等

• 《What makes Flutter fast》李宇骞 / Google Flutter 开发 2018谷歌开发者大会讲 Less Work（干活少） Better incentiv（激励好）

• 《淘宝 MiniApp 容器架构探索之路》炼玉 / 阿里巴巴 高级无线开发工程师炼玉 / 阿里巴巴 高级无线开发工程师炼玉 / 阿里巴巴 高级无线开发工程师 主要讲手淘在在页面层与底层抽出来一层业务容器层，围绕讲了一些隔离 / 监控 / debug / 性能优化等，主要还是从架构&策略等方面去聊手淘小程序的技术，也聊了一些经典问题比如长列表滚动性能问题如何解决之类

分享资料很多都是从 www.zhihu.com/question/30… 下 copy 过来的，侵删