专题出品人： 方超(FlashSoft)
快手 平台Web开发中心/负责人
15年前端经验，致力于用技术提升用户体验，2020年加入快手负责快手平台Web开发中心，之前在微博负责前端团队
专题出品人： 方超(FlashSoft)
快手 平台Web开发中心/负责人
专题：大前端
本专题下的议题
《支付宝动态化架构演进及超级 App 模式探索》
王磊（刺胃） 蚂蚁集团 移动开发平台 mPaaS 无线开发工程师
所属专题：大前端
课程概要
案例背景:
作为一款用户量十亿级的 App，支付宝既要解决长尾用户的端上体验，又要持续演进端上动态化架构保持迭代速度。本专题围绕”性能优化”及“动态更新”，聚焦支付宝移动端如何贴合业务挑战，自研一套原生的 Webview 内核提升端上体验；同时借助容器技术打造良好、弹性的扩展能力。
同时，随着容器技术的全面开放，越来越多开发者基于支付宝容器实现动态发布、更新能力，持续演进向超级 App 模式探索。
解决思路:
1. 支付宝 App 动态化架构演进下的技术亮点
2. 离线包机制（自研 UC Webview 内核）及容器（HTML5 及小程序）的架构设计与特性解析
3. 众多 APP 实现动态化端上架构的具体实践与总结.
成果：
1. 集成 UC WebView 内核，针对浏览器白屏、闪退等性能问题得到有效改善，页面闪退率、ANR 率远低于安卓原生 WebView，解决安卓系统碎片化问题。
2. 支付宝 App 内目前已支撑 400+ 业务模块以容器化技术实现动态发布与更新，充分提升研发效率；同时，借助 mPaaS 平台已服务 100+ 行业客户，500+ 互联网客户实现动态化架构升级。
听众收益
【听众受益点】
1. 了解容器技术亮点；
2. 了解实现“动态化移动端架构”所依赖的具体技术特性，以及如何因地制宜进行方案设计。
《从第一性原理解读前端设计》
林阳（連山） 阿里巴巴 淘系技术部前端工程师
所属专题：大前端
课程概要
案例背景:
如何梳理一个复杂的系统？为什么我写的代码不好维护，动不动就有bug？前端不懂业务，总是被动工作？那是因为你不了解第一性原理。
本议题将从第一性原理的概念出发，梳理关键要素，同时结合阿里巴巴前端智能化团队已落地的营销产品设计原理，深度讲解如何借助第一性原理进行前端设计。
解决思路:
找到系统中的第一性原理，通过演绎法思维就可以构建一个完整的知识体系，理解了第一性原理就能造出更好的轮子。
成果：
基于第一性原理推导和完成需求结构化收集，使产品和运营能通过自然语言录入加语言编排的简单形式来完成部分的业务需求，标准化输出个人创意，基于「Design to Code」快速转化为可交付产品，深度提效。
截止目前，运营可自主编排&发布 5+ 业务模块，参与千万级业务体量的迭代上新。
听众收益
1、基于 JavaScript 函数的“量子纠缠”效应解读
2、深度解析数据驱动框架实现原理
3、展望：探讨技术演进方向（Design to Code 转代码深度解析）
KNode — 快手 Nodejs 监控排障的架构与实现
周鸿轩 快手 平台研发部-web前端基建团队
所属专题：大前端
课程概要
案例背景:
在快手业务飞速发展的过程中，使用 Nodejs 的业务也在呈飞速增长。我们迫切需要一套公司级的易用/通用/稳定的 Nodejs 监控、调优与排障解决方案。
为此我们研发了 KNode，通过定制化 Nodejs 运行时源码、打通公司内服务链路等手段，实现各类繁杂业务场景与大流量服务的零成本接入与稳定性保障。
解决思路:
1. 通过对 Nodejs 运行时源码进行定制，实现上层业务代码零感知；
2. 与公司内部服务打通，集成多监控链路、日志存储与分析平台，保证业务零成本快速接入；
3. 提供多维度、高效的监控排障服务，通过深度定制 Nodejs 运行时，为业务提供深层次的排障与调优工具。
成果：
1. 目前已覆盖快手全公司内超过 80% Nodejs 服务，为各类型 Nodejs 服务提供高效稳定支持；
2. 为快手头部流量、春节活动等 Nodejs 服务，提供稳定可靠的运行时保障与监控排障服务；
3. 提供多维度、深层次的 Nodejs 监控指标与运行信息，包括代码优化检测、在线调试、基于隐藏类内存分析等深度分析工具。
听众收益
1. 了解快手公司级的 Nodejs 监控、排障与调优方案的整体设计与实现；
2. 了解快手 KNode 如何为繁杂业务场景、大流量业务服务提供支持与稳定性保障；
3. 了解 Nodejs 监控、排障等相关知识。
哈啰出行在Flutter上的探索与实践
陈小辉 哈啰出行 普惠用车大前端负责人
所属专题：大前端
课程概要
案例背景:
哈啰出行以单车起步，目前正在打造基于出行平台的生活平台，研发效率、性能、多端一致性等方面都面临着巨大的挑战，Flutter的出现应该是给解决这些问题提供了一些新的可能
解决思路:
1、基于Flutter的研发体系，我们没有想去解决所有问题，而是将App进行了横向业务线和纵向关键链路的划分，只让Flutter出现在最合适的地方
2、关注研发体验，提供最佳实践，让业务研发只关注在业务代码的编写上，降低进一步降低Flutter的入门门槛
3、在地图等出行应用核心场景里进行了比较多的探索，让哈啰这样一个重地图的应用有了较优异的地图体验
成果：
1、覆盖两轮、四轮等核心业务的关键流程页面，新业务的火车票、酒店等业务基本达到100%的flutter页面覆盖度
2、沉淀了一套适合哈啰自身需求的研发体系
3、初步完成Flutter动态化相关的建设
听众收益
1、Flutter容器标准化的建设思路
2、哈啰在Flutter建设各研发环节上的实践
3、哈啰在Flutter动态方面的探索
15年前端经验，致力于用技术提升用户体验，2020年加入快手负责快手平台Web开发中心，之前在微博负责前端团队
专题：大前端
京ICP备09001521号