转载

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

每一次页面更新都是通过“全局”刷新完成
理解组件和JSX
虚拟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安全方面的文章，分享一些思路和创意。他将分享的话题是《前端计算与安全防御》：

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

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

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

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

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

正文到此结束