时间:2016年10月20日~22日
地点: 上海·宝华万豪酒店
购票电话:010-64738142

专题: 前端技术实践

Day of week:

前端技术日新月异,从早期脚本库、jQuery,到框架百花齐放,再到近年的 AngularJS 和 React,不一而足。今年,值得关注的前端技术又有哪些呢?

专题出品人:
贺师俊
百姓网前端工程师

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


by 尤雨溪
Vue Technology LLC 创始人, Vue.js 作者

Vue.js 自去年 10 月发布 1.0 以来,增长势头迅猛。目前在 GitHub 有超过 2 万的关注,npm 每月下载量超过 10 万。在最近发布的 2.0 版本中,在保留 1.0 开发体验的基础上引入了更高效的 Virtual DOM 渲染层,更灵活的开发方式(同时支持模板/JSX),以及完善的服务端渲染支持(流式渲染 + 组件级缓存)。

在本次分享中,我将从几个方面深入的剖析 Vue.js 的独特之处:

  1. 响应式模型:无缝将原生 js 对象转化为响应式的数据源;
  2. 全自动的性能优化:基于 (1) 解决 Virtual DOM 的性能症结;
  3. 开发体验:极简的 API,完善的工具链;
  4. 渐进式架构:视图层核心 -> 路由 -> 状态管理方案 -> CLI
  5. 多端复用:基于 Node.js 的服务端渲染和基于 Weex 的移动端原生渲染

by 蒋吉麟
eBay 分析平台基础架构部门高级软件工程师

React 作为当下最热门的的 Web 框架以及在 FaceBook 的支持下,React 社区获得了茁长成长。今天,我们来讨论基于 React 官方组件 react router 构建同构应用的实践经验(Webpack+ES6+React+Babel)。享受一次代码同构渲染带来的便捷,也同时需要考虑同构应用带来的数据安全性的问题。以及在实际开发过程中,遇到的性能问题以及优化步奏。当然了,也同时需要思考是否每个人都需要同构应用呢?

听众受益:

  1. 理解使用React构建同构应用;
  2. 了解React的调优过程;
  3. 对同构应用的数据安全进行思考。

by 陈辉(沉辉)
蘑菇街商品团队开发工程师

分享分为 5 个部分:

  1. 介绍 2014 年淘宝使用 midway 在收藏夹进行前后端分离的实践情况。主要包括技术方案、部署架构和合作方式。
    1. 淘宝为什么要做前后端分离:webx 的带来前后端开发合作上的问题,后端要写模版,指责不清晰;
    2. 采用node架构后的开发方式的转变,指责清晰。但是部署架构上会相对复杂,且稳定性上会遇到一些问题。
  2. 谈谈蘑菇街为什么要做前后端分离,在选择前后端分离技术架构时候所考虑的问题。 
    1. 蘑菇街在 2016 年初的状况:所有代码在 php 里面,前端也写 php view 层里面各种逻辑,甚至还有连数据库的;
    2. 选择哪种技术方案进行前后端分离:node、php 还是其他,为什么最终会选择 vm 的方案。
  3. 在确定了技术方案之后,我们是怎么剥离前后端,怎么采用一套基于 jvm 的方案来解决两端的问题(蘑菇街前后端分离的框架介绍),以及前后端分离过程中面对的发布、联调等问题。...

by 黄如华(仙羽)
阿里巴巴前端开发专家

一直以来电商网站的呈现以图片等 2D 内容为主,现在视频、直播等元素层出不穷。那么在图片、视频之外,是否有其他技术来帮助电商网站更好地呈现,吸引用户?

去年以来天猫在家装、汽车等业务上引入了 3D 技术,带来在网上看装修设计、逛车展的新奇体验。这种不同于传统 2D 的体验让用户耳目一新,也引燃了商家的兴趣。在 3D 技术之外,我们也开始尝试轻交互的引入,让页面动起来,实现可互动的用户体验。目前我们正和商家一起努力将更多的交互体验带入到业务中去。

在这个分享里,我将从以下几个方向阐述在 3D 技术上的探索:

  1. 从 2D 向轻交互演变;
  2. 3D 技术的发展和应用;
  3. 3D 和 VR 技术的结合;
  4. 如何结合 Native 增强效果 ;
  5. 如何从整体链路优化新技术使用成本。

by 刘小杰
百姓网前端工程师

浏览器端 JS 异常监控算是前端领域的老生常谈了,必要性与重要性不言自明,它看起来非常简单却也容易在实施中各种碰壁。JS 有跟其他主流语言类似的异常机制,浏览器也有相关的异常捕获接口,但是不同浏览器之间实现上的差异需要针对性处理。生产环境部署的 JS 一般都经过压缩,如果要定位异常在源码中对应位置需要利用 sourcemap 来处理代码位置映射。

本次分享介绍百姓网在 JS 异常监控方面的探索过程。了解和借鉴其他团队的经验,对比之后制定适合自己项目的方案,力争对现有代码的影响最小化。在了解 window.onerror 的限制与不足后,利用 Babel 进行 AST 转换,将 JS 代码用 try catch 包装起来,并依据浏览器特性分别加载源 JS 和包装后的 JS。上报的异常数据发送到服务端(sentry)用于检索和统计,既可以结合 sourcemap 查看异常对应源码位置的上下文代码,也可以配合灰度测试与异常预警机制提前发现问题。除此之外还有很多细节上的小问题,例如噪音消除、浏览器 Error 对象实现差异等。


by 周璐(靖一)
淘宝资深前端开发工程师

前端经常被认为是初级技术、无技术含量,甚至被认为是团队中锦上添花、可有可无的角色;导致前端同学在团队中没有话语权,难以展现前端工程师的自身价值。作为服务端、客户端、前端跨端合作的快节奏互动团队,双十一、双十二、年货节、元宵节、饿货节、造物节…在各种连续不断的花式需求及快速变更中,前端如何通过数据收集与分析,引导业务正确决策、完成技术产品平台的沉淀、提高用户体验;那些看似无关的圈外技术,糅杂在开发过程中帮助业务快速成长。


by 黄玄
前微票儿前端基础工程团队负责人

关于 Native 与 Web 的纷争,从 Web 诞生之日起到现在就从未消停过。眼看这场战火在移动时代的方寸之间愈演愈烈,有的人坚定地站在了 Native 阵营,有的人则选择 Open Web 作为自己的信仰。近年来,随着融合与相互借鉴的声音成为主流,Hybrid、动态化与基于 Web 开发范式的跨平台解决方案百花齐放,而 Google Chrome 团队,也联合 Microsoft Edge、Mozilla Firefox、Opera 等一众浏览器厂商,给出了来自 Web 阵营的回应——Progressive Web App,向 Native 阵营吹响了反击的号角……

本次分享将涵盖:关于 PWA 你需要知道的一切 :)

演讲专题

Covering innovative topics

10月20日,星期四

  • 前端技术实践

    前端技术日新月异,从早期脚本库、jQuery,到框架百花齐放,再到近年的 AngularJS 和 React,不一而足。今年,值得关注的前端技术又有哪些呢?

  • 安全之战

    正邪相生,这是一场没有硝烟的战争。这是一场攻与防的终极较量,也是一场矛与盾的顶级对抗。

  • 新 Java,新未来

    本专题将聚焦于 Java 生态系统的创新和前沿技术,分享 Java 技术创新、应用创新的最新成果,帮助开发者了解解决现实问题的新思路。

  • 无处不在的容器

    本专题主要讨论容器云的实践经验和最新发展,包括 Docker、Mesos、Kubernetes 等。

  • 微服务架构,我们该如何实践?

    互联网时代,客户的需求变得更加频繁,业务领域变得更加复杂,系统和团队规模变得更加庞大。本专题分享我们该如何打造支持业务持续创新的微服务架构,以应对复杂性和规模化的挑战。

  • 大数据应用与系统优化实践(厂商共建专题)

    大数据处理的过程中往往需要和其他平台或工具进行结合,同时大数据也可在更高层次的领域发挥重要作用。本专题将邀请多位工程师及技术专家,围绕大数据主题,在系统优化、运维、研发等方面展开更为细致的探讨,分享技术实践心得。

  • 业务上云技术拆解(厂商共建专题)

    本专题将邀请多位云计算领域技术专家,共同探讨企业业务上云过程中的挑战与应对之策,分享上云技术选型的心得与技巧,并分析总结相关的实践案例,为企业 IT 管理者提供技术参考。

  • 智能出行——高德开放平台专场(厂商共建专题)

    随着移动互联网不断渗透,人们的“衣食住行”越来越离不开 LBS(基于位置服务)。高德作为在线地图领导品牌之一,将在本专题结合实际案例分享如何在自己的软件中快速且稳定地实现 LBS。

10月21日,星期五

  • 玩转大数据

    预计到 2020 年全球数据总量将超过 40ZB,如果不能有效的存储、管理和使用数据,将给企业带来的是巨大的成本,同时数据的玩法和应用越来越多、业务的场景越来越复杂,给数据的存储和计算等不断带来新的挑战。本专题主要介绍大数据框架、数据平台、以及新的算法实践等。

  • 移动开发探索

    移动技术从万物生长到注重最佳实践,从敝帚自珍到开源如火如荼,各种新技术与最佳实践层出不穷——组件化、编程框架、动态化、Swift/Kotlin 语言,移动开发进入一个真正比拼武功的年代。

  • 移动视频

    本专题将分享多媒体领域不同于传统互联网技术的部分,包括整体架构案例、多媒体处理技术、播放器与播放体验、计算机视觉等方面。

  • 让架构更简单

    很多互联网(包括移动)业务成长非常迅速,在系统搭建之初和成长阶段就需要充分考虑系统架构设计,以满足在稳定性、扩展性、性能和成本方面的要求。然而在系统的不断演化过程中,系统架构会变得越来越复杂,于是让架构更简单,便成了互联网技术人孜孜不倦的追求。

  • 运维与监控

    本专题将探讨在互联网业务高速增长,基础设施规模不断扩大,DevOps、SRE、持续交付等理念的引入,云计算的落地,生产环境日益复杂的背景下,如何做好运维和监控。

  • 大数据服务与应用
  • 高并发与实时处理架构设计(厂商共建专题)

    本专题将分享大规模实时流处理平台架构以及实时消息推送架构,并从稳定性和实时性两个方面探讨即时通讯云实践,还将揭示海量数据推送服务背后的挑战,希望能帮助开发者了解解决现实问题的新思路。

  • 微服务实践与架构演进之路(厂商共建专题)

    应用的发展不可避免会伴随着从简单结构到复杂架构的演化,微服务架构的出现,试图在架构层面把一个大而复杂的问题拆分为很多小而简单的问题,最终达到系统整体交付难度降低的目标。本专题将探讨微服务实践落地过程中遇到的实际问题和挑战,并分享相关解决方案。

10月22日,星期六

  • Growth Hacking,IoT & React Native
  • 互联网广告系统实战

    在线广告是很多互联网公司的重要盈利模式,广告系统的架构、策略、优化都至关重要。本专题邀请到极具代表性的 Google、腾讯、百度、小米、Spotify 等公司的架构师分享广告系统方面的宝贵经验。

  • 工程团队管理

    本专题将分享来自不同公司技术团队的管理实战经验,和大家一起,从技术与管理的多个角度,来探讨工程团队管理这件事。

  • 技术创业

    技术优而创业,是目前很多人的梦想,失败和成功的案例都很多,作为一个技术人员,你真的准备好了吗?本专题由众多创业的朋友来分享其中的酸甜苦辣,经验教训及各种相关话题。

  • 机器学习与深度学习

    大数据时代,深度学习再次掀起了机器学习的新浪潮,不仅在语音识别,图像识别等领域大获成功,各种现实应用也一触即发,本专题给大家分享一些有趣的应用和实践。

  • 用户体验设计
  • 研发支撑体系

    构建研发支撑体系,提升研发交付效率。

  • 业务系统架构

    大多架构分享侧重技术架构的剖析,本专题将从业务层面入手,以1号店、人人车、德比软件、特赞等公司为例,说明如何针对特定业务设计合理的架构,以及设计和演进背后的思考。

  • 大数据分析与应用

    在这个数据海量产出的时代,如何有效地分析和应用数据使其发挥更大价值?本专题来自 LinkedIn、Autodesk、百度、滴滴的一线工程师将分享大数据可视化及大数据在日常生活中的创新实践。

  • 大规模前端系统

    随着移动互联网的发展,人们越来越关注前端系统。成熟框架变化多维护难,如何处理?新框架层出不穷,如何合理运用?Microsoft、百度、京东等国内外知名互联网公司邀您一起探讨。