
在QCon上海2018大会上,熊浩讲师做了《爱奇艺页面动态化组件方案的演进》主题演讲,主要内容如下。
演讲简介:
对于主流大型移动客户端而言,动态化能力几乎可以认为是刚需,爱奇艺自然也不例外。如何做动态化?前后端如何分工?如何用工具简化过程?这些都是动态化方案落地过程中面临的问题,本次演讲就爱奇艺移动客户端团队在过去几年业务快速发展的过程中,页面动态化方面的实践和探索进行分享,共同进行交流讨论。
主要内容
1、为何要做动态化?
2、如何选择动态化的粒度?再造一个浏览器?(是也不是)
3、爱奇艺动态 Card 方案的演进过程
4、动态化方案相关配套工具与服务
听众收益
1、了解设计一个动态化方案过程中面临的问题及解决方案
2、了解爱奇艺移动客户端团队在动态方案中的探索,实践及思考
讲师介绍:
熊浩
爱奇艺 助理研究员
爱奇艺 iOS 客户端动态组件框架负责人,历经爱奇艺多代动态组件框架的设计、实现及落地推广。曾就职于百度,参与浏览器、手机地图等产品的研发工作。非典型 IT 男,喜欢探究事物的本源,认同未经思考的知识不是知识。










完整演讲 PPT 下载链接:
https://qcon.infoq.cn/2018/shanghai/schedule
更多内容推荐
阿里云可观测 2023 年 3 月产品动态
阿里云可观测 2023 年 3 月产品动态
2023-04-08
加餐|实战篇思考题答疑(下)
实战篇思考题答疑
2023-02-22
共建开源组件生态 2022 OpenHarmony 组件大赛等你来
2022年4月15日,2022 OpenHarmony组件大赛(下称“大赛”)报名通道正式开启,开发者登录OpenHarmony官网,点击【互动】,可在【活动】页面进入大赛活动页。本次大赛旨在鼓励开发者积极参与OpenHarmony开源组件生态建设,贡献优秀开源组件作品,与广大OpenHa
2022-04-26
从源码角度看 React-Hydrate 原理
React 渲染过程,即ReactDOM.render执行过程分为两个大的阶段:render 阶段以及 commit 阶段。React.hydrate渲染过程和ReactDOM.render差不多,两者之间最大的区别就是,ReactDOM.hydrate 在 render 阶段,会尝试复用(hydrate)浏览器现有的 dom 节点,并相互
2023-01-05
小程序生命周期
小程序生命周期分为 : 页面生命周期 + 组件生命周期它有四个阶段:
2023-04-14
详解 AQS 的 7 个同步组件
AQS的全称为Abstract Queued Synchronizer,是在J.U.C(java.util.concurrent)下子包中的类。
2023-03-13
22|物料组件的编译和管理:如何处理组件的多种模块格式?
浏览器端把握在用户手里,我们无法预测实际代码在运行过程中会出现什么兼容问题,如果平台渲染能支持多重模块格式,就意味着可以做一些优化策略,在低版本浏览器中,就可以优先选择对应能支持的模块格式。
2023-01-13
27|跨端的机遇:小程序、Flutter 和 React Native 原理对比
如果只学那些日常会用到的、别人也会知识点,我的职业竞争力在哪里?
2022-07-01
Android Studio 的更新
Android Studio的一些新开发工具和功能的最新动态及其演示版,还会示范如何在您的应用开发流程中集成这些工具。
18|Node.js 服务端渲染页面:客户端渲染和服务端渲染有何区别?
如何定制Vue.js全栈项目的SSR和CSR结合方案,核心要考虑项目的前后端耦合或者解构的情况,同时还要考虑到国内大厂的前后端分离的技术趋势。
2023-01-04
29|前台页面的渲染方式:如何设计前台页面的渲染策略?
技术的成长,就是要依靠长期的“技术储备”和“技术实践”。当你遇到任何技术问题,都能想到使用以前学过的“技术点”,并且比以前更加得心应手地设计技术方案,实现技术功能。那么恭喜你,你的技术已经得到成长了。
2023-02-15
Flutter 中的设计模式——工厂模式详解
2022-05-20
ZooTeam 拍了拍你,来看看如何设计动态化表单
对于 ToB 业务而言,随着业务的不断壮大,接入的客户逐渐增加,相同页面的差异化需求越来越多。当下比较普遍的解决方案要么是项目拆分,要么是相同项目的代码分割。这两种方案都导致维护成本较大,本文带你了解如何通过动态化表单解决上述问题。
VUE v-bind 数据绑定
动态的绑定一个或多个 attribute,也可以是组件的 prop。
2022-09-24
Android Virtualview:淘宝、天猫 又一个动态化,android 界面开发基础
<?xml version="1.0" encoding="utf-8"?><VHLayoutflag="flag_exposure|flag_clickable"orientation="H"layoutWidth="match_parent"layoutHeight="wrap_content"><NImageid="1"src="{title}"layoutGravity="v_center"gravity="{style.font-size}"textColor="
2021-11-05
深度分享:爱奇艺 RN 低代码引擎搭建、应用的实践经验
像万花筒一样千变万化、快速搭建的爱奇艺低代码引擎的技术核心是什么?
技术干货 | jsAPI 方式下的导航栏的动态化修改
很多开发同学在接入 H5 容器后都会对容器的导航栏进行深度定制,除了 Native 的定制化之外,还有很多场景是使用到 jsAPI 的方式,通过 jsAPI 实现导航栏的动态修改。
2021-10-15
如何开发跨框架的组件
开发过程中,往往需要提供组件给不同的上层业务方使用,其中涉及 jQuery、React 、Vue 等各种框架。为了满足不同业务方的需求,需要根据业务方使用的框架,开发对应框架的组件。本文则为你提供方案解决多框架背景下的组件重复开发问题。
Spring 之依赖注入
依赖注入,也就是在Spring框架负责创建Bean对象时,动态的将依赖对象注入到Bean组件。依赖注入有三种方式:构造方法注入,setter注入,基于注解的注入。
2022-10-27
OpenHarmony 3.1 Beta 版本关键特性解析——ArkUI 开发框架 canvas 组件绘制实践
canvas 是 ArkUI 开发框架里的画布组件,常用于自定义绘制图形。因为其轻量、灵活、高效等优点,被广泛应用于 UI 界面开发中
2022-04-06
推荐阅读
刘宇确认出席 ArchSummit 深圳,分享《饿了么跨端技术的演进、实践与落地》话题
框架MCube 动态化与原生工程结合最佳实践 | 京东云技术团队
2023-12-08
20. 销售团队薪酬绩效体系
2023-10-17
美团前端技术专家张舒迪,确认担任 QCon 北京大前端融合提效专题出品人
34|升级收益:这两年 React Native 都做了哪些升级?
2023-06-01
原来 TinyVue 组件库跨框架(Vue2、Vue3、React、Solid)是这样实现的?
2023-11-21
14|ECharts 实战:可视化如何更好地服务于创作者?
2023-05-24
电子书

大厂实战PPT下载
换一换 
刘松 | 平凯星辰 副总裁
张红兵 | 枫清科技(Fabarta) AI 负责人
车漾 | 阿里云 高级技术专家
评论