总览

2016 年的 D2 是在杭州的东方威尼斯酒店举办，分享的课题比 2015 年少，但是听上去感觉干货真不少，发的小本子听了一天几乎写满了。

Fusion Design 解构设计

远舟提出的 Fusion Design 主要是为了解决视觉与前端之间额外的一些交流代价。而且减少了当视觉整体变动时前端需要参与的工作。思路就是搭建一套规范，这套规范的思考还是很有意思的。先分离出 CSS 里面可变的和不可变的，然后使用属性来组成一个组件，然后组件与组件形成模块，模块与模块构成网页。前端开发者根据规范来开发。这样视觉如果需要修改的话只需要在配置页面上进行编辑就可以了，可以立刻在线上生效。更换的操作完全不需要前端参与。

这个东西想推动其实感觉蛮难的，因为他制约了视觉的能力，并且视觉的工作量并没有节省，只是节省了前端的动作量。

前端服务化

百度的 F2E 负责人吴多益分享了前端的服务化思路，主要是思考的是前端的一些零成本的事情，就是通过配置的能力让前端不用写一行代码。他们的活动页都是直接拖拽出来的。他们的数据后台页面也是直接拖出的图表，只要配置好后端提供好的接口就行了。然后他们的一些复杂的页面是通过配置 JSON 来实现的，这样子的好处是根本涉及不到底层的实现，就是说什么 react，vue 都不需要碰到，完全页面的搭建交给配置来做，然后给页面提供了很多的 hook，用钩子函数来写一些比较复杂的逻辑，这里才做了部分。

这倒是一个非常节省前端人力的事情，不过想要在复杂页面下实施还是比较困难的。

Web3D & AR

这里主要是没想到阿里的 AR 技术已经发展到了这种程度。自己一直以为 AR 这种事情是 Native 的事情，没想到阿里居然嫌弃 Native 的 AR 的可控能力太差，而用一层 Webview 来接管渲染这件事情。而且在视频中的关键帧加上的特殊信息来控制页面的逻辑，确实非常神奇。

阿里小蜜-移动智能客服实践

讲的真的全部是干货，他的 pipeline 的实现方式其实很容易，但是这种解构思想是很不错的，借鉴了 koa 的洋葱模型。他的加快打开页面的思路也是平常就尝试过的，最后选择的本地缓存包的机制。他的针对不同的接口使用的桥接器模式用的非常完全，我之前参与的项目也只用了部分。总之干货满满。

大数据下的前端实践

这里最让我惊叹的是他把前端的打点做到了内核中，因为首页渲染以及首屏渲染的时间在前后端分别渲染的情况下很难定义，也很难找准，于是通过内核渲染首帧来计时的思路简直完美。

整体来说本届 D2 的收获很大，了解了新技术，也学到了一些思维方式。

---

转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以邮件至 981909093@qq.com