QCon 北京 2015：永不止步的前端专题前瞻

QCon 北京 2015 将于 4 月 23 日~25 日在北京国际会议中心举行，目前已经确认所有演讲嘉宾。

过去一两年，前端的发展非常迅猛，Node.js、HTML5、Angular、React 等技术更迭速度非常快。这些技术背后的驱动力，都是这些年业务形态的快速变化。移动互联网的兴起、企业平台系统的愈加重要，对前端技术提出了非常高的要求。本次 QCon 北京设置了“永不止步的前端”专题，并邀请蚂蚁金服体验技术部负责人王保平（花名玉伯）任出品人。玉伯于2008 年加入阿里，折腾过 Sea.js、KISSY、Arale 等开源项目，现负责蚂蚁金服体验技术部，致力于打造 DT 时代的人机交互基础设施。 因为长得黑，经常被人黑。工作最大的梦想，就是期待能与小伙伴们一起打造出地球上最专业、有爱的团队。

本专题重点着力于以下方向：

1）移动 H5 应用的开发，包括 Web 与 Native 的融合

2）企业平台类富应用的开发，涵盖 Angular、React、Polymer 等技术方向

3）前端工程与质量体系的建设，关注团队的高效协同、品质把控

4）前端工程师的历史转身，何去何从

本专题的讲师，都是业界非常有影响力、并且非常实在的人物。我们都邀请了哪些专家呢？本文将带您先睹为快。

李晶（花名拔赤），阿里 - 去啊 H5 开发工程师，在团队协作、组件开发、移动 WebApp 等方面有较深研究，曾参与淘宝首页、KISSY 等项目研发。翻译过《JavaScript Web 富应用开发》、《JavaScript 权威指南》、《编写高可维护的 JavaScript》等书籍。邢舰（花名坦丁），阿里 - 去啊 iOS 客户端架构师，主要负责去啊客户端基础架构的开发工作，2014 年底加入阿里巴巴。前后经历过手机 QQ，百度地图等客户端软件的研发工作。在 Native 和 Web 共建方面有较深研究。他们将共同分享《极致的 Hybrid——从阿里「去啊」的架构演变看 Web 与 Native 的融合》：

“阿里 - 去啊”是一款小而美的旅行类 App，这款 App 内嵌大量的 H5 页面，但直接用 URL 内嵌 H5 不解决弱网加载速度问题，在 2014 年我们通过 H5 资源的离线化将我们的 Hybrid 大大提速，做到弱网下 H5 的秒出，和 PhoneGap 式的 H5 包装不同，我们对 PageFlow、数据打通、H5 多端共享也有针对性的设计和实现，这些都在推动可靠的 Native 与灵活的 Web 之间的融合，我们对新时期的终端开发（前端开发）也有了新的理解，本次分享将由阿里旅行的前端工程师李晶（花名拔赤）和客户端架构师邢舰（花名坦丁）带来，和大家聊聊极致的 Hybrid 模式如何影响、推动前端技术的革新与进步。

演讲大纲：

1. 阿里 - 去啊 App 的 Hybrid 架构的演变

2. 这些过程中带给我们的新的挑战，痛并快乐的采坑

3. 极致的体验要求使得前端技术不得不前所未有的和 Native 容器技术打通，这对 App 的架构和扩展性有了新的定义和要求

4. 可靠的 Native 与灵活的 Web 如何互相取长补短，互为备份，未来的 Native 容器技术是怎样的

5. 整个行业无线 All In 的大背景下，前端技术、前端工程师、终端工程师都在悄悄的发生蜕变，未来我们对无线开发人才的需求到底是怎样的，怎么样的组织和人才能加速我们将无线技术和体验推向极致？

罗彧成，腾讯数字音乐部 Android 开发组负责人。2011 年加入腾讯，先后参于过腾讯视频、QQ 音乐、QQ 电台等产品的 Android 客户端开发工作。现负责 QQ 音乐 Android 客户端开发。他将分享的是《涅盘新生——Android QQ 音乐架构演进》：

随着移动互联网的不断蓬勃发展，更多用户在移动设备上使用音乐服务，QQ 音乐移动客户端使用用户数也屡创新高，QQ 音乐为了达到更好的用户体验并实现用户的新需求，原有的框架已经不能优雅地实现新需求和优化。如何优雅地实现各种需求，同时提高性能和稳定性？本次演讲将通过以下几个部分给大家分享 QQ 音乐架构演进所带来的痛与乐。

1.QQ 音乐整体设计框架，如何能够快速迭代产品和技术需求

2. 云歌单基础架构设计

3. 云歌单架构演进，两次重构背景及重构方案设计

4. 数据与存储设计——功能和性能

5.HttpDns——反劫持技术

6.Web+ H5 性能解决方案

7. 重构过程中碰到的坑

8. 可持续改进体系

9. 风险评估，在人力有限、版本中大量产品需求这些因素限制下，如何消化重构后带来的风险

韩凯，前端工程师，蚂蚁金融服务集团——体验技术部数据可视化系统的规划者和主要开发者。董晓庆，蚂蚁金服前端开发工程师，主要从事数据可视化工作。他们将联合分享《驱动 DT 时代的数据可视化》：

我们刚走过了信息互联的时代，我们正处在数据爆炸的时代，我们将走向数据驱动的时代。我们身处的这个时代已经不再缺乏数据。DT 时代的标志是我们是否有力量来处理这些数据。数据可视化技术作为一种基础的数据处理技术将会成为 DT 时代的基础设施。本次演讲将会为大家介绍：

1. 数据可视化技术在 DT 时代扮演的角色。
2. DT 时代的数据可视化技术应该具备的特征。
3. 蚂蚁金融服务集团的数据可视化技术构架。
4. 面向数据挖掘，分析的可视化技术——g2 系统。
5. 面向关系分析的可视化技术——spider 系统。
6. 如何降低可视化技术的使用成本。

贺师俊，百姓网前端工程师。网名 Hax，有年头的 Web 开发者。信仰 Web 标准，HTML 纯化论者 +CSS 理想主义者 +JavaScript 改革派 +REST 信徒。 他致力于构建真正实践互联网开放理念的 Web 产品，并平衡需求、技术和人性因素。所以在写代码以外，他还热切的关注可用性、无障碍性乃至更广泛意义上的用户体验（譬如售后服务）。 作为一个坚持己见的人，Hax 因犀利的技术批评为人所知，其拍砖对象下到写书神棍上至业界权威，中间亦包括他的同事和朋友——因为他深信正直坦诚是技术人员必须坚守的美德，并希望通过自由而热烈的讨论推动技术社群不断成长、永葆活力。 Hax 毕业于复旦大学，感兴趣的领域除了 Web 标准、协议、架构以及与 Web 相关的各种具体技术之外，还包括交互设计、编程语言和方法论，最近则迷上了字体和排版。可 @haxy（推特、饭否或新浪微博）与他交流。他将分享《ES6 实战》：

下一代 JavaScript 语言即 ES6 即将在今年 6 月份定案成为正式标准。但在实践中是否已经可以应用 ES6，对我们的开发到底又有哪些帮助，许多人仍心存疑虑。本演讲将超出简单的新特性介绍，以实例出发展示 ES6 的魅力。

本专题还邀请了一位国际讲师——Evan Czaplicki，他是 Elm 语言的设计者和主要开发者。Elm 借鉴了函数式编程语言的实践经验，强调“显式优于隐式”的观念。Elm 会自然引导程序员开发高质量代码，所以代码库可以随产品规模扩展，而不会出现问题。他将带来的分享是《Elm 架构：创建易读、易扩展和易测试的前端代码》：

在创建富 UI 时，复杂性很快就会失控。对很多团队而言，添加一个特性可能会导致其他几个特性出现 bug。本演讲分享一个支持以下特性的简单架构模式：

• 快速建立原型
• 随着规模增长，项目仍然容易理解
• 自然地隔离功能，所以添加特性不会破坏现有特性
• 使得测试极为简单可靠

该架构对任何语言编写的前端代码都是有价值的，不管是 JavaScript、TypeScript、Clojure 或 Elm，还是其他什么语言。除了讲解这个通用的架构模式，我们还会看一下它是如何自然地融入所有 Elm 程序中的。可以把 Elm 当做一个可以时时指导团队走向良好架构的工具，不用寄希望于自律和用心来保持代码库的整洁。

另外，本专题还有两位美女讲师。

郭旻桢（花名臻儿），蚂蚁金服前端工程师，2009 年加入支付宝，现负责体验技术部 - 工程技术组。期望用小而美的技术产品、轻松的工程体系，让工程师们享受编码每一刻。她将分享的是《全栈时代下的前端工程体系》：

过去十年，前端行业从无到有，近几年更是蓬勃发展，前端工程师也从个人开发逐步转向团队协作。前端的队伍在不断壮大，参与的产品越来越多，在这过程中，经常会遇到团队协同上的问题。

优秀的工程体系能让一堆人做好一堆事，需要在需求、开发、测试、发布等各环节上不断优化。除了工具和流程上的优化，好的工程体系还需要考虑人性，要尽可能调动工程师的激情与潜能。本议题将以蚂蚁金服的实践作为基础，尝试探讨前端工程体系如何建设。主要会涵盖以下话题：

• 蚂蚁金服前端工程体系的历史与现状
• 产品、设计、前端、后端的最佳协作方式是怎样的？
• 为什么研发模式很重要？前后端分离的初衷究竟是什么？
• 为什么研发模式不重要？人与人性对工程体系的影响。

吕婷（Samantha Lv），青云前端工程师。负责青云 QingCloud 前端产品的设计与开发。大学毕业后曾加入一家电商初创企业负责前端开发，后在豆瓣任职前端工程师。2012 年加入青云 QingCloud，成为除三位创始人之外的第一位创业员工。青云 QingCloud“一直被模仿、从未被超越”的前端界面便出自其手。她将分享的是《与产品紧密前端工程师的成与责》：

前端开发做为与后端及设计的中间衔接环节既要具备工程师理性、严谨的思维逻辑又需要有一定的产品观和审美观，在 Web 产品越来越复杂的今天，前端工程师更多的时候会承担更复杂的开发任务以及与设计师更加紧密的沟通、合作。

大部分公司在工作职责划分上比较严格，而这种划分既抹杀了工程师的创造力和想象力、也让工程师对自己的产品缺乏成就感。同时设计师对于开发的理解不深入导致其设计理念和细节无法被工程师很好的还原，造成一些返工和沟通困难的情况。

而在青云 QingCloud 我们尝试的做法是前端工程师负责产品的需求、交互、设计、开发测试等。这种模式的尝试有助于提高开发效率和质量，同时让每位工程师都可以深入了解产品本身，激发自己的创造力。演讲中将与大家分享吕婷在完成复杂产品开发的同时主导设计工作的一些经验。

听众受益：

·了解前端工程师如何学习设计；

·了解前端工程师参与或主导设计的优势；

·项目过程中遇到了哪些问题，如何解决；

·通过实例分析了解一些重要的设计原则。

更多精彩内容，尽在 QCon 现场。本周是 9 折报名最后一周，欲购从速。