第十届D2前端技术论坛「融合」

大会资料

用 Node.js 构建海量页面渲染服务 - 不四

在刚刚过去的 15 年天猫双十一中，Node.js 大放异彩，特别是在会场业务中通过基于 node 构建的模块化渲染服务的方案，高效的解决了天猫 900 多个会场页面的搭建和渲染，同时在性能和稳定性上也有非常优秀的表现。该分享将会介绍这套方案的实现细节，以及如何保障在双十一的大流量下 node 服务的高效、稳定运行。

PPT 地址

从Web页面到Native UI - 张袁炜

Hybrid开发中，我们不仅把原生的动画应用到多个webview提升体验，还尝试把web的优势融合到原生UI中。普通的web页面解析成内置的标准数据结构，用 Native UI 来渲染和交互。交互上等同于原生应用，发版速度等同于 Webapp，相对于React Native而言门槛更低。这项技术经过我们一年时间的开发和验证，现已应用到数亿用户的手机端中。

PPT 地址

通过React Native技术变革无线开发 - 元彦 & 水澜

React Native 的推出，无论在思维模式还是生产力上，都对原有的无线应用开发方式有了颠覆性的突破。如何让前端从单纯的 PC 端技能扩展到 Mobile 端，如何通过 JavaScript 来构建跨平台原生应用？本次分享，将介绍淘宝前端团队在 React Native 上的一些尝试，以及基于此搭建的一套基础框架—Portal。

PPT 地址

手机淘宝Hybrid性能优化实战 - 隐风 & 晓田

过去2年，手淘从无到有建设起了如今的Hybrid App框架（代号WindVane），涵盖H5生命周期各个环节：下载时（离线化、HTTP-DNS、SPDY）、渲染时（WVC）和交互时（HybridApi），并形成前后端体系化、一站式的服务平台。

PPT 地址

Component化设计与实践 - 杨文坚

组件化一直是前端工程化一大难题，IMWeb 团队经历了长时间的努力与不断的探索，最终实现了一套基于 MVVM 和动态构建 Component 框架，解决了 Component 组合、继承、隔离、调试、性能、同异步、兼容性、同构。并通过引入代码静态检查、ES6（TypeScript）、PostCSS 为开发人员构建出更优秀的编程体验。

PPT 地址

使用 ES6/7 特性开发 Node.js 项目 - 李成银

Node.js 中 2 个最核心的问题的解决方案，1：异步问题；2：自动更新的问题；最后介绍基于 ThinkJS 可以使用全部的 ES6/7 特性开发 Node.js 项目。

PPT 地址

React 及其生态圈在蚂蚁金服的实践 - 何一鸣

基于 React 我们开发了松散的组件集合 react-component，融合优雅设计的统一组件库 antd, 以及应用架构 roof，不仅在前端中有良好的口碑，更使得后端人员参与前端开发变得更加容易，代码质量更加可控，减轻了公司的前端瓶颈。本次分享将介绍我们基于 React 自主研发，类库选型，项目的实践以及下一步的发展。

PPT 地址

alinode与Node应用性能管理 - 朴灵

PPT 地址

Web接口管理工具RAP - 霍雍

RAP 是阿里妈妈 MUX 团队开发的 Web 接口管理开源工具，它能高效的管理Web接口，通过分析接口格式生成 Mock 数据、校验真实接口等等。在公司内支持着600多业务项目，有140多个外部公司都在使用RAP来管理自己的接口。本次分享将介绍 RAP 的功能、设计思路、发展经历以及后续的规划。

PPT 地址

Node.js加速Qzone - 黄友昆

Qzone利用多年在Node.js的技术积累，将移动web构建在Node.js之上，用来加速页面首屏：一触即开的产品体验，加速定位问题：服务器即fiddler，加速开发效率：Node.js里的window作用域。

PPT 地址

TV前端开发解决方案 - 听鸿

PPT 地址

融合Web技术的NativeUI架构 - 郭虹宇

PPT 地址

DataV数据可视化引擎 - 宁朗

今年双十一，许多部门通力合作，在水立方搭起了200平方米的大屏幕。有许多"第一次"，也有许多技术上的创新和尝试，希望和大家分享这些内容: 1、高性能绘制技术/3d展示技术/ 2、用设计的眼光看代码/和设计师的合作模式/防大屏色差 3、防内存泄露 /数据过载 4、防网络延迟/断网/紧急预案 5、与后端数据实时一致。