大前端趋势

会议室:演播厅
出品人:张飞彪

大前端的特点在于更加贴近用户,因此广大厂商都会投入足够多的资源保证用户能够得到良... 展开 >

专题出品人:张飞彪

字节跳动音乐项目客户端负责人

现就职于字节跳动上海研发中心,担任音乐项目客户端负责人和创新项目技术负责人。毕业于华东师范大学数学系国家理科基地班,自学完计算机专业的所有主干课程,从事移动软件开发工作十年,先后参与过 Windows Mobile、Windows Phone、嵌入式以及 Android 和 iOS 等平台的 App 和框架开发,主导了多款大中型 App 的研发,也曾作为客户端架构师负责过 Android、iOS、Web 三端的基础架构设计和演进,在移动架构、跨平台开发等大前端领域具有丰富的研发和管理经验。

地点:演播厅

专题:大前端趋势

大前端的特点在于更加贴近用户,因此广大厂商都会投入足够多的资源保证用户能够得到良好的体验。

用更低的成本带来用户更好的体验,是大前端的技术的演进主流思路之一:动态化、跨平台技术为降低研发成本,提高迭代效率带来可观的收益;前端中台、业务抽象复用为前端工程化指明了方向;人工智能、模式识别等技术在大前端的运用,不仅开辟了新的用户场景,也为提升研发、运维效率带来了新的思路。

本专题从业内精选了上述方向中的先进经验,帮助大前端的从业人员把握技术发展趋势。

by 曹佳鑫

字节跳动
iOS资深工程师

随着深度学习技术不断成熟以及移动设备的算力不断提升,移动端 AI 平台逐渐体现出了云端不具有的优势:实时性、用户隐私安全性、无需云端额外资源开销。

字节跳动内部大量的业务线都对深度学习有着强烈的需求,而业务场景的差异化则驱动了我们打造一个通用的移动端深度学习框架,支持模型端上推理、分布式端上训练、个性化定制训练(例如 Apple Face ID)。目前该深度学习平台支撑字节跳动部分 CV、NLP 模型的端上推理训练。

本次演讲会重点介绍深度学习平台的整体架构,技术细节,以及基于平台的业务案例,过程中克服的技术问题和解决思路,希望对业界同学有帮助。

演讲提纲:

  1. 深度学习在移动端部署的问题和挑战
  2. 移动端深度学习平台整体架构
    • 模型推理、训练
    • 硬件加速
    • 模型量化
    • 对比其他平台的差异化特点
  3. 基于平台的业务实践(案例)
    • 基于客户端侧 AI 的皮肤医学检测实践
    • 基于客户端侧 AI 的即时翻译功能
  4. 演进方向和规划

听众受益点:

  1. 了解移动端深度学习平台整体架构
  2. 了解移动端模型训练闭环
  3. 介绍深度学习的一些前沿技术

by 莫春辉

华为
质量与流程IT管理部/主任工程师

公司各领域 IT 应用的前端技术栈不统一,业务系统体验一致性改造困难,不论是前端技术栈归一,还是前端框架的持续演进,都会造成大量的重复建设,比如同一套业务逻辑要在不同技术栈、不同前端框架里重复实现。此外,以提高复用性为目的卡片,希望开发一次就能在桌面、移动、大屏等应用里展示,且能自适应不同领域应用的不同主题样式,现实和理想差别很大。

2018 年 React 发布颠覆性的 Hook 新特性,2019年 Vue 也相应推出 Composition API,这引起我的关注与思考,再结合 Renderless Components 与函数式编程的理念,我开始构思 AUI 3.0 的组件架构,2019年6月完成 POC 验证,经半年开发实践,架构细节不断完善,发布后获得广泛的认可,已在多个领域项目中试用,初步达成业务逻辑与前端框架分离、卡片自适应多终端与主题样式的设想。

本次演讲内容首先介绍在华为内部 IT 业务变革中遇到的重复建设等问题,再通过对三个前端前沿技术的介绍与思考,探索出跨平台前端组件的架构,接着阐述该架构的设计与开发原则,并以开发一个 TODO 组件为例子,演示如何实现共享相同逻辑的 React 和 Vue 组件,同时支持切换组件的 PC 和 Mobile 状态,还支持自定义组件的 Template 及 Renderless 层,最后总结该架构存在的缺陷,评估在支撑业务变革推行中的影响力。

演讲提纲:

  1. 没有一成不变的前端框架
  2. 多端一致还要像变色龙的卡片
  3. React 钩子带来的新气象
  4. 被低估的无渲染组件
  5. 尝试做一个跨端跨框架的TODO组件
    • 跨平台前端组件的架构
    • 架构的设计与开发原则
    • 共享相同逻辑的 React 和 Vue 组件
    • 切换组件的 PC 和 Mobile 状态
    • 自定义组件的 Template 和 Renderless 层
  6. 架构的缺陷与影响力

听众受益点:

  1. 了解 React Hook 与 Vue Composition API 新技术
  2. 了解 Renderless Components 理念
  3. 了解跨端跨框架、业务与框架分离的前端组件设计方案

by 赖伟威

招商证券
信息技术中心技术规划部/架构师

中大型企业内部应用系统繁多,大前端多端需求、前后端分离、极致用户体验、前台业务快速变化都对后端 API 接口服务的研发提出越来越高的挑战,各业务线的 IT 支持团队在提供 API 接口服务上做着大量重复或相似的工作,建设一个统一的 API 开发运维平台意义重大。

本次我将分享搭建企业内部统一 API 开发平台的实践经验,包括基于 GraalVM 和 VertX 实现高性能 FaaS 运行时,基于 K8s 实现容器资源调度,基于 ES4X 实现轻量级在线动态 JS 函数开发工具,最终形成一个强大、灵活的 API 接口服务开发平台,让开发人员专注于实现业务逻辑,提高生产力,减少重复投入。

以及我们是如何克服技术难点的,例如技术选型方案设计;如何差异化定制做到超越本地 IDE 的开发体验;如何实现代码即文档;如何简化测试用例编写和自动回归,保障 API 代码质量。如何利用容器实现云开发、云部署。

演讲提纲:

  1. 背景介绍:统一 API 开发平台的意义
  2. 高性能 FaaS:JavaJS vs NodeJS
  3. ES4X 改造:纯函数和热更新
  4. 代码即文档:代码语法 AST 提取
  5. 云开发:在线 IDE、测试用例收集、自动化测试
  6. 云部署:拥抱 Serverless
  7. 案例分享:数据中台 API 服务、AI 能力 API 服务

听众受益点:

  1. 了解 FaaS 对企业应用开发的意义和实践经验
  2. 了解如何按自身需求改造 ES4X,收获高性能又能满足企业级开发要求
  3. 了解利用 K8s 配合 FaaS 运行时搭建 Serverless 平台
  4. 了解如何实现一个轻量级的在线 IDE

by 梁治峰

阿里巴巴
技术专家

Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。闲鱼是国内首个线上大规模应用了 Flutter 的应用。

本次演讲,我将介绍闲鱼在 Flutter 互动引擎 Candy 的设计和应用实践,过程介绍如何突破 UI 和引擎的边界达到互融、以及应用和实践的优化问题。

演讲提纲:

  1. 闲鱼 Flutter 互动引擎背景和技术特点
  2. 闲鱼 Flutter 互动引擎核心问题和解决方案
  3. 闲鱼 Flutter 互动引擎的规划和思考

听众受益点:

  1. 帮助听众了解 Flutter 的框架设计
  2. 帮助听众了解 Flutter 互动引擎落地中的问题和解决方案
  3. 帮助听众了解 Flutter 互动引擎框架
想要批量报名或更多优惠?
立即联系票务小姐姐 Ring
或致电:+86-15600537884