在QCon上海2018大会上,熊浩讲师做了《爱奇艺页面动态化组件方案的演进》主题演讲,主要内容如下。
演讲简介:
对于主流大型移动客户端而言,动态化能力几乎可以认为是刚需,爱奇艺自然也不例外。如何做动态化?前后端如何分工?如何用工具简化过程?这些都是动态化方案落地过程中面临的问题,本次演讲就爱奇艺移动客户端团队在过去几年业务快速发展的过程中,页面动态化方面的实践和探索进行分享,共同进行交流讨论。
主要内容
1、为何要做动态化?
2、如何选择动态化的粒度?再造一个浏览器?(是也不是)
3、爱奇艺动态 Card 方案的演进过程
4、动态化方案相关配套工具与服务
听众收益
1、了解设计一个动态化方案过程中面临的问题及解决方案
2、了解爱奇艺移动客户端团队在动态方案中的探索,实践及思考
讲师介绍:
熊浩
爱奇艺 助理研究员
爱奇艺 iOS 客户端动态组件框架负责人,历经爱奇艺多代动态组件框架的设计、实现及落地推广。曾就职于百度,参与浏览器、手机地图等产品的研发工作。非典型 IT 男,喜欢探究事物的本源,认同未经思考的知识不是知识。
完整演讲 PPT 下载链接:
https://qcon.infoq.cn/2018/shanghai/schedule
更多内容推荐
前端性能优化实践之百度 App 个人主页优化
性能是每个前端工程师都应该关注的话题,通用的优化手段已有许多文章和实践,就不再赘述,本篇以百度App个人主页为例,聊聊针对业务特点进行的一些性能优化实践。
Android 自动化页面测速在美团的实践,android 蓝牙开发框架
SDK的初始化在 Application.onCreate() 中调用,初始化时会获取服务端的配置文件,解析为 Map<String,PageObject> ,对应配置中页面的id和其配置项。另外还维护了一个当前页面对象的 MAP<Integer, Object> ,key为一个int值而不是其类名,因为同一个类可能有
2021-11-05
Qunar 营销组件中台工程化探索及实践
本文介绍去哪儿网营销组件中台工程化的实践经验。
Flutter 上如何实现录入类页面动态化?
2021-05-21
纯 Dart 的挑战:美团外卖 Flutter 动态化实践
“一套代码,多端运行。”是很多开发团队的梦想,直到 2018 年 12 月 5 日,谷歌正式发布 Flutter 1.0 版本,前端开发者向这一梦想前进了一大步。
如何开发跨框架的组件
开发过程中,往往需要提供组件给不同的上层业务方使用,其中涉及 jQuery、React 、Vue 等各种框架。为了满足不同业务方的需求,需要根据业务方使用的框架,开发对应框架的组件。本文则为你提供方案解决多框架背景下的组件重复开发问题。
大厂面试必问!Android 彻底组件化方案实践方法!面试总结
SPI(Service Provider Interface)是Java提供的一种动态服务发现机制。通过SPI机制,我们可以直接跨模块查找到想要的接口实现类,从而避免不必要的模块间依赖,降低模块之间的耦合性。这对Android组件间通信非常重要的意义。试想一下如果有一个组件能提供这样一
2021-04-01
爱奇艺知识 WEB 前端组件化实践
组件化作为一种开发模式,其在代码复用,提高开发效率上的效果被广泛认可。组件化思想适用于移动端、Web前端、PC端、TV端等多种类型的客户端和前端开发。
22|物料组件的编译和管理:如何处理组件的多种模块格式?
浏览器端把握在用户手里,我们无法预测实际代码在运行过程中会出现什么兼容问题,如果平台渲染能支持多重模块格式,就意味着可以做一些优化策略,在低版本浏览器中,就可以优先选择对应能支持的模块格式。
2023-01-13
FlutterBoost3.0 发布 preview 版本
在经历了近两个月的开发以及内部测试与线上灰度,FlutterBoost3.0的preview版本终于与大家见面了,与beta版本相比,这个版本在不大动主体结构的基础上,增加了以下能力。
27|跨端的机遇:小程序、Flutter 和 React Native 原理对比
如果只学那些日常会用到的、别人也会知识点,我的职业竞争力在哪里?
2022-07-01
爱奇艺知识移动端组件化探索和实践
本文主要讲述爱奇艺知识APP如何结合自身的业务特点,探索和实践了一套高效的移动端组件化方案。
18|Node.js 服务端渲染页面:客户端渲染和服务端渲染有何区别?
如何定制Vue.js全栈项目的SSR和CSR结合方案,核心要考虑项目的前后端耦合或者解构的情况,同时还要考虑到国内大厂的前后端分离的技术趋势。
2023-01-04
开篇词|为什么要选择 React Native 做你的跨端方案?
可以预见,React Native 新架构将会给我们带来巨大惊喜。
2022-03-28
深度分享:爱奇艺 RN 低代码引擎搭建、应用的实践经验
像万花筒一样千变万化、快速搭建的爱奇艺低代码引擎的技术核心是什么?
编写高质量可维护的代码:组件的抽象与粒度
如何拆解页面?如何划分组件才算是合理?好像用于组件拆分的 A 方案和 B 方案在当前业务场景下也都还算合理,那究竟要怎么选择?组件的抽象与粒度貌似是一个老生常谈的问题了~学习了很多前辈的文章,那么今天结合业务场景,也来讲下我的心得~
外卖客户端容器化架构的演进
作为美团最为重要的业务之一,美团外卖移动端的架构演进是怎样的呢?本文将为你揭开背后的思考、技术细节以及实践。
29|前台页面的渲染方式:如何设计前台页面的渲染策略?
技术的成长,就是要依靠长期的“技术储备”和“技术实践”。当你遇到任何技术问题,都能想到使用以前学过的“技术点”,并且比以前更加得心应手地设计技术方案,实现技术功能。那么恭喜你,你的技术已经得到成长了。
2023-02-15
Flutter Fish Redux 架构演进 2.0
Fish-Redux开源以来,已经在闲鱼核心链路上做了大量验证。从初期的宝贝详情页,发布页面开始,Fish-Redux在闲鱼的使用程度逐渐提高。
贝壳跨端之路——从 0 到 1 接入 Flutter 实战
贝壳Flutter跨端实践。
推荐阅读
04|架构演进:架构是如何跟随业务演进的?
2023-02-17
20. 销售团队薪酬绩效体系
2023-10-17
加餐|增强篇思考题答疑
2023-03-08
预搜优化,页面 TTI 时长缩减 50%!去哪儿网酒店预订体验优化经验分享~
2023-05-23
面向复杂业务场景下的低代码平台组件设计与实践分享
2022-10-31
H5 页面秒开优化与实践
2023-07-14
面向复杂业务场景下的低代码平台组件设计与实践分享
2023-03-01
电子书
大厂实战PPT下载
换一换 吴迪 | 火山引擎 基础架构服务框架⼯程师
王成 | 微盟 算法专家
陈迪豪 | 第四范式 平台架构师
评论