大前端技术

会议室:白云宴会厅2
出品人:刘恒兵(河伯)

前端技术日新月异,在技术的演进过程中,也有很多设计思想和架构经验值得前端工程师学... 展开 >

专题出品人:刘恒兵(河伯)

腾讯 前端技术专家、IVWEB团队负责人

刘恒兵(河伯),腾讯前端技术专家,IVWEB团队负责人,行业直播技术大会TLC发起人。2011年加入腾讯,现腾讯互动视频产品部,互动视频、NOW直播等产品Web负责人,负责互动视频业务前端整体架构设计和开发。多年Web & H5移动开发经验,对移动监控和优化有深入研究并专注于全栈技术架构优化,推动组件生态,致力于打造高复用、高效率的全栈开发体系。同时,IVWEB团队是腾讯专业前端团队之一,培养多位行业讲师和技术专家,团队致力于新技术研究及行业交流分享。

地点:白云宴会厅2

专题:大前端技术

前端技术日新月异,在技术的演进过程中,也有很多设计思想和架构经验值得前端工程师学习。本专题将关注3个方面:实践中积累的前端架构经验,典型的前端框架应用经验,新型框架与设计思路。

by 桑世龙(狼叔)

阿里巴巴
前端技术专家

使用 Node.js + React 做 SSR,现有方案 Next.js 等过于简单,如何实现一个兼容 CSR 和 SSR 快速集成的框架是非常必要的事。目前看前端 3 大场景(API 中间层、SSR、React)、6种组合模式,可以有效地完成业务需要,也能够统一 React + TypeScript 技术栈。

  • React:现有中后台开发模式;
  • API: 只做API聚合,内置 diamand、tair、hsf 等集团中间件;
  • API + SSR:对于 C 端,将接口中间层和 SSR 放到一起; 
  • API + React:典型的 BFF 模式; 
  • API + SSR + React:全栈模式; 
  • SSR + React:已有项目快速提升性能,尤其是对 toB 的项目非常有帮助;
  • 最后以 PC/H5 页面改造,双十一和春节活动 SSR 优化实践为例,讲讲如何 SSR 的单机 QPS。

听众受益: 

  1. 掌握 SSR 原理——前端3大场景和6种组合模式,如何设计更好的前端框架;
  2. 掌握 SSR 优化实践;
  3. 掌握 Node 性能问题排查和 QPS 提升技巧。

by 邵帅(余化)

蚂蚁金服
前端技术专家

怎样效率更高、体验更好,一直以来是 Web 研发尝试解决的问题。重复的 CRUD 开发应该以一种更节省时间的方式去实现,良好的产品体验也应该用技术支撑起不低的底线。云凤蝶产品基于 Ant Design 设计体系和组件实现,融入大量最佳实践,结合 AI 和 Serverless 技术,尝试打造下一代智能 Web 研发基础设施 —— hpaPaaS(High-productivity application PaaS)平台,让 Web 技术更普惠。

内容大纲:

  1. 发现解决 Web 研发效率和体验问题的新思路;
  2. 官宣:可以拖拽的 Ant Design
  3. 构建 Sketch 般体验与可视化的 JSX 描述能力:可视化搭建技术的门槛和解决方案;
  4. 降低使用门槛:利用依赖收集机制实现更易用的数据流设计;
  5. 提高研发效率:利用 AI 做真正可用的设计稿还原;
  6. 前后端一体化方案:结合 Serverless 和云数据库的下一代研发平台 hpaPaaS。

听众受益:

  1. 了解 Ant Design 团队对未来 Web 研发的探索;
  2. 了解 AI 在 Web 研发领域的应用;
  3. 了解如何结合 Serverless 技术提高研发效率;
  4. 了解新型 Web 研发平台 hpaPaaS。

 

by 梁伟盛

腾讯
高级前端工程师

Progressive Web Apps(以下简称 PWA)的出现,使 Web 页面有了更好的性能体验,而在实践过程中,一级、二级、三级甚至四级页面的性能优化方案是否一样?SSR 与非 SSR 业务的优化方案能否与 PWA 很好地融合?本次分享讲述了 NOW 直播业务在 PWA 的优化过程中,如何从不同的业务场景中一步步的进行优化实践,构建出一套完整的 PWA 性能优化方案。

内容大纲:

  1. PWA 中 Cache First、Network First 等缓存策略在不同业务场景的选用方案;
  2. PWA+SSR:SSR 业务如何使用 PWA 进行优化;
  3. PWA+非SSR:非 SSR 业务页面如何更新?页面模板更新后该如何提升用户体验;
  4. PWA+preload:一级、二级页面如何实现 preload 方案,页面间如何关联;
  5. PWA 更多的使用场景。

听众受益:

  1. 掌握 PWA 开发技术;
  2. 掌握 PWA 预加载策略;
  3. 掌握 PWA 在 SSR 与非 SSR 业务的实践经验。

by 仇浩俊

广发证券
信息技术部开发工程师

通过 Electron 技术,Web 前端开发团队得以快速构建高质量的桌面应用。我们的产品在运行过程中需要频繁处理海量的实时行情数据和实时交易数据,持续完成数据渲染展示,同时保持对客户交易操作的快速响应。本次分享讲述 Electron 应用的多线程优化实践经历,在不断的迭代优化过程中,如何构建出一款性能高效的桌面应用。

内容大纲:

  1. Main Process + Renderer Process:多进程架构方案实践;
  2. Web Worker:Rendered Process 多线程架构方案实践;
  3. BroadcastChannel, Worker.postMessage, MessageChannel:线程间通信方式的选择;
  4. 数据压缩、数据去重、数据分级、序列化转换、频率控制等:线程间通信传输的进一步优化实践;
  5. Object & Map:对业务数据建立极速的索引机制;
  6. 任务分片:分解渲染进程中引起卡顿的重任务,提高执行效率。


听众受益:

  1. 掌握 Electron 自身的多进程架构;
  2. 掌握利用 Web Worker 多线程技术处理 CPU 密集型任务;
  3. 掌握 Web 前端对海量数据的优化处理。

交通指南

© 2019 Baidu - GS(2018)5572号 - 甲测资字1100930 - 京ICP证030173号 - Data © 长地万方
想要批量报名或更多优惠?
立即联系票务小姐姐Joy
或致电:+86-13269078023