首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

vivo 悟空活动 - H5 活动加载优化

本文首发于 vivo互联网技术 微信公众号 链接: https://mp.weixin.qq.com/s/6gtVR0nVNcZvREjwftZgzA 作者:悟空中研发团队 【悟空活动】系列往期精彩文章...: 《揭秘 vivo 如何打造千万级 DAU 活动 - 启航篇》 主要为大家讲述 vivo 活动的能力与创新。...《悟空活动 - 微组件状态管理(上)》介绍了活动页内 RSC 组件之间的状态管理和背后的设计思路。 《悟空活动 - 微组件状态管理(下)》探索平台和跨沙箱环境下的微组件状态管理。...《vivo悟空活动 - 微组件多端探索》是基于自助多端扩展,也就意味着多端 微 组件选择越丰富,内容越通用,玩法越多样,产品价值也会越高。...部分图片压缩后资源变大 后续文章《悟空活动 - 基于Webp的图片高效加载方案》会详细叙述悟空如何从平台角度提供 Webp压缩方案。

1.4K20

vivo 悟空活动 - 栅格布局方案

悟空活动】系列往期精彩文章: 《揭秘 vivo 如何打造千万级 DAU 活动 - 启航篇》 主要为大家讲述 vivo 活动的能力与创新。...《悟空活动 - 微组件状态管理(上)》介绍了活动页内 RSC 组件之间的状态管理和背后的设计思路。 《悟空活动 - 微组件状态管理(下)》探索平台和跨沙箱环境下的微组件状态管理。...《vivo悟空活动 - 微组件多端探索》是基于自助多端扩展,也就意味着多端 微 组件选择越丰富,内容越通用,玩法越多样,产品价值也会越高。...《vivo 悟空活动 - H5 活动加载优化》从提高资源请求速度,资源压缩、缓存、渲染等多种角度出发,寻找悟空活动专题加载优化方案。...《vivo悟空活动 - 基于 WebP 的图片高性能加载方案》 从技术选型、架构设计到方案落地,全方位的呈现悟空活动台基于 WebP 的图片高性能加载方案。

1.5K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    vivo悟空活动 - 微组件多端探索

    本文首发于 vivo互联网技术 微信公众号 链接: https://mp.weixin.qq.com/s/oGX4XSm8F4fa1ocLdpyqlA 作者:悟空中研发团队 【悟空活动】系列往期精彩文章...: 《揭秘 vivo 如何打造千万级 DAU 活动 - 启航篇》 主要为大家讲述 vivo 活动的能力与创新。...《悟空活动 - 微组件状态管理(上)》介绍了活动页内 RSC 组件之间的状态管理和背后的设计思路。 《悟空活动 - 微组件状态管理(下)》探索平台和跨沙箱环境下的微组件状态管理。...基于上述痛点,我们想借助悟空中的能力打通技术壁垒,实现小程序插拔式、可视化 、自适配各小程序平台和快应用。带着这个初心,开启对悟空活动多端改造之旅。...复用悟空活动最大的挑战是遵循workless工作流的微前端架构方案,基于该方案的特点去扩展(组件热插拔,子系统独立部署)。

    1.4K31

    悟空活动-打造 Nodejs 版本的MyBatis

    一、背景 悟空活动技术文章系列又和大家见面了,天气渐冷,注意保暖。 在往期的系列技术文章我们主要集中分享了前端技术的方方面面,如微组件的状态管理,微组件的跨平台探索,以及有损布局,性能优化等等。...今天的技术主题要有点不一样,让我们一起来聊聊悟空活动在应用服务层的一些技术建设。...在悟空活动的技术架构设计,我们充分拥抱 JavaScript 生态,希望推进 JavaScript 的全栈开发流程,所以在应用层的服务端,我们选择了 Node 作为 BFF(Backend For...悟空活动选择成熟又可靠的 MySQL 来作为我们的数据存储数据库。那我们就需要思考 Node 和 MySQL 如何搭配才能更好的释放彼此的能力,接下来让我们一起走上探索之路。...三、悟空活动在数据持久层的探索 通过思考,我们回归原点重新审视这个问题,我们认为 SQL 是程序和数据库交互最好的领域语言,简单易学通用性强且无需回避 SQL 本身。

    5.5K20

    之上(十二):如何快速设计业务架构?

    公司的企业级业务模型包含上百个组件和数十个大型应用,其中,该需求所属的业务领域自己包含十余个应用,业务活动近三十个,任务超过一百多个,涉及多个核心组件及公共类支持组件,需求牵涉的只是其中一个应用。...交易涉及贵金属买卖和对红包转账的支持,由 XX 资金交易组件负责账户金交易、贵金 XX 组件负责实物金交易、运营 XX 组件负责库存和配送管理,核算由财会组件完成,都有现有业务活动和任务可以支持。...这两项都由 XX 资金交易组件基于交易记录发起,清算结果和扣收都是在某宝在我司的存款账户和内部账户之间转账完成,也有基础的业务活动可以支持。 报表。...方案最终只是在原有的业务模型增加了部分步骤和规则,就一个抽象业务模型而言,不需要再增加活动、任务这些较大的元素了。 模型化的业务架构工具对企业级需求分析的加速作用。...和组件化一样,都是通向快速响应的方式,单就快速响应而言不能简单比较孰优孰劣,基于企业级业务架构的组件化设计,其实优势还是在于有效连接战略与开发,实现上下贯通的一体化设计,这方面不是单纯追求的技术实现可以获得的

    68410

    vivo 悟空活动 - 微组件状态管理(上)

    如何打造千万级 DAU 活动 - 启航篇》的技术揭秘,相信我们对于 RSC 有了更多的了解。...在这个活动页场景涉及大量的组件之间的协作和数据共享。所以如果把活动看成一个小型的前端系统,RSC 只是构成系统的一个基本要素,还有一个非常重要的要素不能忽略,那就是 RSC 组件之间的连接。...所以在对 RSC 组件进行治理的过程,首先需要解决的就是活动页内组件之间的数据状态的管理。...一图胜言,如图 2 。当然我们想到的最简单的方案,通过实现一个中心化的事件处理中心,来记录组件内的订阅者,当需要协同时就通过自定义事件通知到各个相关的组件内部的订阅者。...我们一起回顾了RSC组件化方案,在解决悟空活动实际业务场景上走过的路,团队在技术上为努力解决 RSC 组件与组件之间状态管理上的思考。

    2.7K10

    vivo悟空活动-打造 Nodejs 版本的MyBatis

    —— 题记 一、背景 悟空活动技术文章系列又和大家见面了,天气渐冷,注意保暖。...今天的技术主题要有点不一样,让我们一起来聊聊悟空活动在应用服务层的一些技术建设。...在悟空活动的技术架构设计,我们充分拥抱 JavaScript 生态,希望推进 JavaScript 的全栈开发流程,所以在应用层的服务端,我们选择了 Node 作为 BFF(Backend For...悟空活动选择成熟又可靠的 MySQL 来作为我们的数据存储数据库。那我们就需要思考 Node 和 MySQL 如何搭配才能更好的释放彼此的能力,接下来让我们一起走上探索之路。...三、悟空活动在数据持久层的探索 通过思考,我们回归原点重新审视这个问题,我们认为 SQL 是程序和数据库交互最好的领域语言,简单易学通用性强且无需回避 SQL 本身。

    1.3K40

    vivo 悟空活动 - 微组件状态管理(下)

    本文首发于 vivo互联网技术 微信公众号 链接: https://mp.weixin.qq.com/s/1DzTYIExVbK0uE_Oc7IHYw 作者:悟空中研发团队 【悟空活动】系列往期精彩文章...: 《揭秘 vivo 如何打造千万级 DAU 活动 - 启航篇》 主要为大家讲述 vivo 活动的能力与创新。...《悟空活动 - 微组件状态管理(上)》介绍了活动页内微组件之间的状态管理和背后的设计思路。...一、背景 在上一篇 【悟空活动 - 微组件状态管理(上)】,我们一起回顾了活动页内微组件之间的状态管理和背后的设计思路。...如上述背景上的设计,我们需要在主系统和编辑器之间进行数据同步,数据流如下图,同步数据的目的: 解决组件的可配置化 通过同步活动页的配置数据自动生成活动的 UI 将活动数据和 UI 进行解耦 3、跨沙盒的组件状态管理

    1.7K40

    李卓豪:网易数数据逻辑数据湖的实践

    内容分为五部分: 关于网易数 为什么做逻辑数据湖 怎么做逻辑数据湖 未来规划 精彩问答 01 关于网易数 网易数是从网易杭州研究院孵化出来的。网易杭研的重要职责是公共技术的研究和产品孵化。...2018年支持网易严选、考拉、音乐、新闻数据构建。通过在商业化过程对市场需求的摸索实践,终于在2019年形成了“全链路数据”解决方案,致力于将“数据生产力”的理念能力落实到解决方案。...纵观网易大数据的发展历史,可以看到这个过程贯穿了数据理念的变化。有数从公共数据平台逐渐转变为具备有业务属性的数据,最后逐步向“数据生产力”理念靠拢。...同时在落地过程,形成了技术业务双循环的模式。双循环中涉及三个角色,两种驱动力。三方分别是内部用户、外部用户、数据;业务场景、技术前瞻是推动双循环的驱动力。...这两种驱动缺一不可:大数据技术和应用发展日新月异,数据的业务支撑能力特别依赖于底层的技术能力和前瞻性。 02 为什么做逻辑数据湖 1.

    1.2K10

    腾讯测试实践与交流活动圆满结束

    原文链接:https://wetest.qq.com/lab/view/457.html 2019年5月5日,腾讯WeTest作为测试敏捷化标准协会成员之一,主办的测试交流和参观活动,在腾讯上海分公司总部园圆满举行...[1.jpg] 本次参观交流活动合影 本次交流参观活动,在腾讯WeTest产品组组长Paro的带领下,WeTest的产品线经理就建设测试的历史契机和组织发展阶段、WeTest测试介绍、腾讯DevOps...并且作为测试将能力赋予DevOps体系,共建研发生态,助力企业研发效能的提升。 互联网企业和金融企业一样都有着最广泛的用户群体和最严格的质量标准。近些年来,传统行业都在拥抱互联网。...通过测试给个体赋能,充分发挥个体的智慧;以自组织,去中心化的协同合作,发挥群体的智慧。...主题二:WeTest测试介绍 分享人:Amy WeTest平台产品经理 [5.jpg] 本主题主要阐述了WeTest测试的演变史,并提炼出测试的技术与业务框架。

    1.3K31

    揭秘 vivo 如何打造千万级 DAU 活动 - 启航篇

    取名为 「悟空」,是承载了我们的愿景,在技术领域持续探索,修炼“七十二变”,不断攻克企业活动项目运作过程的“九九八十一难”,取得“真经”。...在复杂的线上营销场景下,作为专业的活动,只具备这些能力往往是不够的。悟空针对营销活动后时期,提供了常见的活动配套能力。...同时悟空中还集成借助了公司内部其他能力(反垃圾、实验、监控、风控等),多维度助力线上活动营销。 悟空中产品架构图 [图5 - 悟空中产品架构图] 三、活动开发为什么选择悟空?...五、写在最后 通过对悟空活动的介绍和 RSC 技术方案的讲解实现,大家应该对悟空活动为何具备高度定制的能力有了初步的了解。...《悟空活动|微组件状态管理(上)》 《悟空活动|微组件状态管理(下)》 《悟空活动|微组件满屏适配方案》 《悟空活动|微组件与uni-app的多端探索》 …… 此外 vivo悟空中研发团队也会持续产出一系列围绕活动产生解决方案系列专题

    2.4K00

    悟空活动 - 基于 WebP 的图片高性能加载方案

    在《悟空活动 - H5 活动加载优化》一文我们提到过图片压缩也是提升悟空中产出 H5 页面加载性能的重要手段之一,对本篇将从技术选型、架构设计到方案落地,全方位的呈现悟空活动台基于 WebP...【悟空活动】系列往期精彩文章: 《揭秘 vivo 如何打造千万级 DAU 活动 - 启航篇》 主要为大家讲述 vivo 活动的能力与创新。...《悟空活动 - 微组件状态管理(上)》介绍了活动页内 RSC 组件之间的状态管理和背后的设计思路。 《悟空活动 - 微组件状态管理(下)》探索平台和跨沙箱环境下的微组件状态管理。...《vivo悟空活动 - 微组件多端探索》是基于自助多端扩展,也就意味着多端 微 组件选择越丰富,内容越通用,玩法越多样,产品价值也会越高。...《悟空活动 - H5 活动加载优化》从提高资源请求速度,资源压缩、缓存、渲染等多种角度出发,寻找悟空活动专题加载优化方案。

    1.4K20

    腾讯测试实践与交流活动圆满结束

    2019年5月5日,腾讯WeTest作为测试敏捷化标准协会成员之一,主办的测试交流和参观活动,在腾讯上海分公司总部园圆满举行。...本次参观交流活动合影 本次交流参观活动,在腾讯WeTest产品组组长Paro的带领下,WeTest的产品线经理就建设测试的历史契机和组织发展阶段、WeTest测试介绍、腾讯DevOps的测试实践方案...通过测试给个体赋能,充分发挥个体的智慧;以自组织,去中心化的协同合作,发挥群体的智慧。...主题二:WeTest测试介绍 分享人:Amy  WeTest平台产品经理 本主题主要阐述了WeTest测试的演变史,并提炼出测试的技术与业务框架。 1. ...阐述了业务方、合作伙伴的如何在能力的帮助下,灵活开发、快速上架、自由迭代验证,自助化实现各种服务流程的经验,如DevOps的解决方案,各种应用和游戏解决方案等。

    84910

    vivo悟空活动-基于行为预设的动态布局方案

    本文首发于 vivo互联网技术 微信公众号 链接: https://mp.weixin.qq.com/s/CwLAV2j7Uxam01m1p7cXxg 作者:悟空中研发团队 【悟空活动】系列往期精彩文章...: 《揭秘 vivo 如何打造千万级 DAU 活动 - 启航篇》 主要为大家讲述 vivo 活动的能力与创新。...《悟空活动 - 微组件状态管理(上)》介绍了活动页内 RSC 组件之间的状态管理和背后的设计思路。 《悟空活动 - 微组件状态管理(下)》探索平台和跨沙箱环境下的微组件状态管理。...面对悟空中的海量的活动需求,仅仅有几招常规的布局套路显然是难以招架的,悟空开发者团队从个性化需求中提炼特定场景下的共性特点,设计了多个“创意布局”方案。...translateY(${offsetHorizontal}rem) scale(${style.scale}); ` 五、预设方案在生产中的应用 1、集成形式 目前基于行为预设的动态布局方案已经作为 悟空活动

    2K10

    #凯哥讲数据#一个订单服务的演进过程剖析之一

    01.前言 最近很多同学都在微信留言询问数据和业务的区别,希望能够深入浅出,很容易理解的解释什么情况下需要业务,什么情况下需要数据以及的关系。...我前面做了很多行业研究和案例分享,但是都是企业级的讲解,感觉都不够简单,不够落地,这里我用一个最清晰的订单服务的演进过程,来深度剖析的关系。 02....一个订单服务的演进过程 订单服务是最常见的场景,下面我们用一个电商领域的常见订单服务的演进过程来详细剖析为什么会出现,它们的价值以及关系。...数据一致性差,订单数据分散在不同的应用系统,数据不一致,同步复杂。 维护困难,当一个订单逻辑发生了变化,所有的应用逻辑都要重写,带来的很大的维护工作量,响应慢。 ?

    91620

    手机厂商年底冲销量,降价和新品你战哪一队?

    小米:发布全面屏元机,继续做价格屠夫。 小米2017年实现二次崛起,销量重返国产手机前三甲,一个重要的原因是元机取得突破的同时,中高低端实现了全面提升。...11月手机发布会扎堆小米没有动作,12月7日则发布了全面屏元机红米5和红米5 Plus,配置在元机中规中矩,最大亮点是采取了收窄额头下巴提高屏占比的全面屏造型,首次将全面屏引入到了元机。...12月21日荣耀周年活动上,则将发布荣耀9青春版,定价1299元起,搭载前后摄主打拍照,可以看到年底华为/荣耀发布了多款中低端手机,冲量目标明显。...还有,电商平台开展的双十二购物节则与手机公司的冲刺目标不谋而合,电商平台要GMV,手机公司要销量,于是纷纷选在双十二前夕发新机,并刻意等到双十二发售。...这款手机此前得到市场验证,主打摄旗舰,上市以来新用户超60%,在元机具有很强的竞争力,11当天与魅蓝6销量合计突破了80万。 ?

    15.1K40

    低谷的蘑菇街:押宝直播业务,止不住颓势

    而这得益于蘑菇街主播的的亮眼战绩,“双十二”期间,蘑菇街2位头部主播小甜心、叶子单场成交金额破亿;12位腰部主播成交金额破千万,其中11位主播是首次破千万。...从618、11、12等重大电商节点的直播战报来看,蘑菇街孤注一掷押宝直播电商的迹象十分明显,而频繁只秀直播战绩,也透露出直播电商是蘑菇街唯一救命稻草的信息。...需要注意的是,2021财年第二季度蘑菇街直播GMV在总GMV的占比已达74.42%。在截至2020年9月30日的十二个月内,蘑菇街达成GMV149.51亿。...一年后,据易观数据统计,截至2020年10月,蘑菇街活跃人数不到1000万,环比下降1.8%。 由于多次转型追风口,捡芝麻丢西瓜,蘑菇街面临用户流失且流量获取难的瓶颈。...据易观数据统计,截至2020年10月,小红书活跃人数为1.59亿,环比上涨2.5%。 反观蘑菇街,弃时尚电商的名号转身投入直播电商领域,却没能打破流量获取困境,亏损依旧。

    2K20

    智造赋能丨腾讯云WeCity创新中心产学研游首站圆满举办

    现场,腾讯云启创新中心(顺德)就此前已发布的腾讯云服务补贴政策进行全面解读,并邀请腾讯云启赋能讲师:腾讯云商业化运营总监程丽萍女士、腾讯云工业互联网运营总监王琪先生、腾讯云物联网资深架构师李苏南先生...发掘企业数字化新增长点 腾讯云助力企业数字化转型 腾讯云商业化运营总监  程丽萍 现场,腾讯云商业化运营总监程丽萍详细解读了腾讯的定位:企业数字化轻量化的连接助手,致力于成为企业与...程丽萍女士指出,疫情是企业数字化转型的重大机遇,后疫情时代,中小企业数字化实践的路径是——小步快跑,逐步调优,而,将伴随企业不同的业务发展阶段,提供全方位的数字化服务,覆盖企业成立、经营、发展三阶段...现场,程女士还通过案例分享,介绍腾讯低成本、高效率助力企业数字化转型的特点。...- End - 火热报名!2021“数字贵州创杯”正式启动 政务协同十大场景重磅发布! 腾讯云WeCity 丨感谢相伴 一路同行 想了解更多资讯 欢迎点击关注公众号/视频号

    2K10

    云端起航,大咖眼中不一样的产业互联网的机遇和挑战

    在本次活动,四位分享大咖将从不同的角度为您一一揭开谜底。...腾讯SaaS——助力SaaS集成 本场活动的第一位分享嘉宾是腾讯云SaaS技术台中心研发总监 孙彬老师,他带来的分享主题是《腾讯SaaS——助力SaaS集成》,在分享过程,孙老师围绕腾讯...SaaS为大家讲解了腾讯的SaaS能力,并就SaaS如何助力生态发展以及对产业的影响发表了自己的洞见。...SaaS开放一些PaaS能力,助力SaaS发展。...孙老师也给出了自己的答案,那就是:具备开箱即用、全面集成和多云协同特点的鹊桥iPaaS。在他看来:鹊桥的模式可以低门槛、低成本、快速地完成集成工作,并且极大地降低了后期的维护成本。

    67310

    Llama2等30+模型接入大模型平台,推理成本降50%!还有超全Prompt模板开放体验

    最新消息,百度智能云大模型平台又叒升级了,这回还悄然变身国内拥有最多大模型的平台: 不仅能跑文心大模型,Llama2全系列、ChatGLM2-6B、RWKV-4-World、MPT-7B-Instruct...在“模型仓库”的预置模型,可以找到文心大模型、BLOOMZ-7B和此番更新的全部第三方大模型,一键就能开始部署。 辣么问题来了,其中不少都是开源模型,在上调用跟直接拿代码用相比,有啥好处?...直白一点说,就是便宜、易用,“优选”。 首先,在诸多开源大模型,并不是每一个都效果理想,有可商用协议。...此前,百度智能云就曾在技术交流活动现场上演10分钟微调大模型。...大模型平台,如今正是在这一方向上持续打样。 这一方面是因为百度在打造文心大模型的过程,对大模型技术本身有更深入的理解。

    27740
    领券