QCon 上海 2015 热点专题前瞻：新时代的前端

最近几年，Web 前端领域的新标准、新框架、新工具、新理念不断涌现。今年 6 月，ES6 正式发布，也标志着 Web 前端已经进入了一个全新的时代！

在即将于 10 月 15~17 日举行的 QCon 上海 2015 上，我们邀请了资深前端专家、百姓网的贺师俊担任出品人，策划了“新时代的前端”专题。

贺师俊，网名 Hax（微博： @johnhax ），有年头的 Web 开发者。信仰 Web 标准，HTML 纯化论者 +CSS 理想主义者 +JavaScript 改革派 +REST 信徒。他致力于构建真正实践互联网开放理念的 Web 产品，并平衡需求、技术和人性因素。所以在写代码以外，他还热切的关注可用性、无障碍性乃至更广泛意义上的用户体验。

自十年前人们真正意识到“Web 作为平台”的价值，本来无足轻重的网页技术迅速进化为 Web 前端这样一个独立的技术领域。然而其发展路途也并非一帆风顺。幸运的是，这几年 HTML5 逐渐成熟，更有 Node.js 横空出世，整个前端领域突飞猛进。各种新标准、新框架、新工具、新理念风起云涌，迭代之快在整个技术发展史上是前所未有的。

这次我们请到六位演讲者，作为新时代的先驱者，将为我们带来关于 ES6 开发实战、React 框架和生态、前端工程的前沿实践、前端计算和安全防御、前端工程师职业发展等方面的分享。下面我们就来具体看看，他们将要分享的话题：

第一场偏编程语言方向。汤桂川，广发证券股份有限公司信息技术部 Web 前端资深工程师，负责广发微店，金钥匙，大数据平台等系统的架构设计与底层优化。曾在腾讯公司工作过三年，任职期间先后负责 WebQQ、QQ、手机 QQ 等产品的 Web 前端工作。同时也是开源狂热者，开源过一些自动化工具，Material Design 相关的组件与 ES6 相关脚手架，对前端新技术保持高度关注。他将带来的分享是《ES6 In Modern Developments》：

演讲分为三个部分：第一部分主要介绍 ES6 的重要知识点，与广发证券实际项目使用过程中遇到的问题，由此引导出的编写 ES6 的最佳实践。第二部分主要介绍流行框架如 Angular.js、React.js 等与 ES6 之间的结合。并介绍 ES6 在当代开发模式下的使用，测试与整合工作流的实践，以及一些开源的 ES6 辅助工具与脚手架项目。第三部分主要对未来的展望，对 ES7、ES8 等技术的一览，看出 JavaScript 这门语言的发展趋势。

第二场偏工程方向。林建锋（微博： @sofish ，饿了么资深前端架构师兼大前端团队负责人。曾就职于支付宝、百姓网，中间去创了次业。多个流行开源工具的作者，如 Pen Editor、Typo.css、AliceUI、Puerh 等。他将分享《ele.me 是如何运行的》：

前端方面 ele.me 算是比较激进的团队，在面向大众产品中，包括桌面端、移动端，深度使用 SPA、SVG、ES6 等技术，组件式开发，自动化构建，甚至利用 Nginx 层解决前端一些硬伤，更极端到整个服务器 / 虚拟机上只有一个 HTML 文件，并做到 99.99% 可用的前端。同时，发布 / 回滚速度（包含编译）只需要 100s 发布到全部生产环境机器，供快速响应、迭代。这一年多来，我们遇到了什么？解决了什么？想跟大家分享一下。

然后是 React 专场。将由王沛和郭达峰两位老师联袂奉上。

王沛，SAP 高级工程师。曾出版过《征服 Ajax：Web2.0 开发技术详解》、《Web2.0 界面设计模式》等前端开发书籍。InfoQ 原创文章及翻译作者，深入浅出 React 专栏作者。崇尚使用正确的思路和方法解决问题。他的分享是《ReactJS 实战》：

ReactJS 今年很火，已经被越来越多项目使用，并有着很好的反馈。其很多特性都让人眼前一亮，相信很多小伙伴也已经跃跃欲试。通常来说一个新的框架需要从一个新项目开始，或者对已有项目的全面重构。然而这对 ReactJS 却并非如此。作为面向 View 的解决方案，其遵循的是组件化的思想，这意味着我们可以一步一步在已有项目中使用 ReactJS 组件来展现部分 UI。而其需要的成本和带来的风险都可以控制在很小的范围之内。

React 没有引入很多的新概念和机制，却带来了全新的开发思想。本次演讲就将对这些特性进行详细的介绍，而且会思考每个机制背后的设计动机和原理。主要分为三个部分：

1. 每一次页面更新都是通过“全局”刷新完成
2. 理解组件和 JSX
3. 虚拟 DOM 如何工作

ReactJS 已经不仅仅是一个前端开发框架，其基于组件和状态的开发思想已经衍生到 Native 开发和一些其他非 Web 的 UI 开发；其提出的“Learn Once, Write Anywhere”也正在逐渐被应用和验证。无论你是一个 Web 新手，还是已经熟练应用各种主流框架，ReactJS 都是你不可错过的全新技术和理念。

郭达峰，Strikingly 的联合创始人。于 2010 年开发了三款 Facebook 平台的应用，获取了超过 2 千万的用户。2012 年创立了市面上最简易的建站平台 Strikingly，成为第一家进入 YC 孵化器的华人团队。他将带来的分享是《探索 React 生态圈》：

React 带来的革命性创新是前端世界过去几年最激动人心的变化。自从接触 React 以来，我深信 React 会彻底改变客户端开发者的开发体验。在这次分享中，我想从四个大的方向——目标平台、数据处理、语言、工具——分享一下 React 生态系统和社区的进展和未来趋势。

之后是一个 Web 安全方面的话题。我们邀请了淘宝前端工程师佳辰（微博： @EtherDream ）。他尝试将过去研究的「安全」和「前端」这两个少有交集的领域结合，开始挖掘更多的新玩法。平时喜欢写些 Web 安全方面的文章，分享一些思路和创意。他将分享的话题是《前端计算与安全防御》：

如今硬件配置的发展，加上浏览器软件不断优化更新，前端的性能得到极大的提升。当服务器疲于奔命时，用户的电脑大多数却处于空闲状态。这些资源与其空着，为何不主动分担一些服务器的工作量。本次演讲将讨论和探索，如何利用浏览器的计算资源，让前端参与安全防御。主要内容包括：

1. 前端计算案例：富文本过滤在后端和前端的对比
2. 前端安全监控：让每个用户都参与跨站攻击的监控和上报
3. 高性能计算方案：讨论过去的 Flash、如今的 asm.js 以及未来的 WebAssembly
4. 前端密码强化：在用户注册和登陆时，贡献少量的时间用于密码散列强化
5. 前端解谜计算：类似比特币的机制，消耗用户一定量的计算力解题，降低恶意用户的频率

最后一个话题，我们将邀请大漠（微博： @w3cplus ）谈一下传统 Web 工程师在面对整个变化时的思考。大漠，阿里巴巴无线事业部前端开发专家。曾就职于 Wiredcraft、慕和、Ctrip。中国 Drupal 社区核心成员之一。2011 年创建 W3cplus 前端社区，致力于推广前端行业的最新技术。对 HTML5、CSS3 和 CSS 预处理器、CSS 后处理器和 Mobile 等前端新技术保持高度关注。2014 年出版《图解 CSS3: 核心技术与案例实战》。他将带来的分享是《Web 重构之道》：

重构是一个含“金”量低的职位，而重构之道是具有历史的一个话题，做为一名 Web 重构从业人员，思考许久，毕竟目前很多 Web 从业人员都还在从事这部分工作，也有不少人对自己的职业或者所从事的重构工作感到迷茫。借此机会与大家一起探讨重构在 Web 中的重要性与历史使命。

更多精彩，尽在现场。敬请期待。大会报名截止日期是 10 月 10 日。