首页
学习
活动
专区
工具
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

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

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

    2.7K10

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

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

    1.7K40

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

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

    1.3K40

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

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

    1.2K10

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

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

    2.4K00

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

    原文链接:https://wetest.qq.com/lab/view/457.html 2019年5月5日,腾讯WeTest作为测试敏捷化标准协会成员之一,主办的测试交流和参观活动,在腾讯上海分公司总部园圆满举行...[1.jpg] 本次参观交流活动合影 本次交流参观活动,在腾讯WeTest产品组组长Paro的带领下,WeTest的产品线经理就建设测试的历史契机和组织发展阶段、WeTest测试介绍、腾讯DevOps...通过测试给个体赋能,充分发挥个体的智慧;以自组织,去中心化的协同合作,发挥群体的智慧。...主题二:WeTest测试介绍 分享人:Amy WeTest平台产品经理 [5.jpg] 本主题主要阐述了WeTest测试的演变史,并提炼出测试的技术与业务框架。...该工具支持移动全平台即插即用,无需root/越狱,12项性能参数, 让性能问题无处遁形,能在测试期高效解决测试分析难题。

    1.3K31

    悟空活动 - 基于 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. ...该工具支持移动全平台即插即用,无需root/越狱,12项性能参数, 让性能问题无处遁形,能在测试期高效解决测试分析难题。

    84910

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

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

    2K10

    12节视频讲解,带你正确高效拥抱数据

    因为阿里的成功应用,被广泛传播, 然而不少企业做了长时间的,也未见成效。 那么问题出在了那里? …… 对于数据的理解,目前很多企业存在认知误区或偏差。...博文视点学院联合畅销书《数据实战》的作者董超华老师,通过50+实战案例手把手带着你学习,你会收获一套建设数据的全流程、系统的方法论,正确拥抱数据!...---- (扫描下方二维码进入专栏) 你将收获 1.彻底搞清楚、业务、数据是什么 2.你的公司需不需要搭建中,少走弯路 3.怎么从0到1搭建数据的实战经验 4.怎么通过数据驱动业务增长...,实现公司的数据智能 ▊ 讲师介绍 董超华,畅销书《数据实战》的作者,曾就职于科大讯飞,现任富力环球商品贸易港数据产品负责人,是人人都是产品经理社区40万阅读量专栏作者,公众号“改变世界的产品经理...(扫描下方二维码进入专栏) ▋ 从零开始打造图像识别服务 当前以深度学习为基础的 AI 技术,除了推荐系统,计算机视觉方面的应用是普及也能看到实际效果的领域。

    48640

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

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

    91620

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

    现场,腾讯云启创新中心(顺德)就此前已发布的腾讯云服务补贴政策进行全面解读,并邀请腾讯云启赋能讲师:腾讯云商业化运营总监程丽萍女士、腾讯云工业互联网运营总监王琪先生、腾讯云物联网资深架构师李苏南先生...王琪还与现场企业分享富士康数字化转型的整体规划设计,覆盖12个行业的专业云、100+APP应用、1000+管理与分析模型,并进行了3000+多种类的培训课程,帮助企业加速数字化转型升级。...发掘企业数字化新增长点 腾讯云助力企业数字化转型 腾讯云商业化运营总监  程丽萍 现场,腾讯云商业化运营总监程丽萍详细解读了腾讯的定位:企业数字化轻量化的连接助手,致力于成为企业与...现场,程女士还通过案例分享,介绍腾讯低成本、高效率助力企业数字化转型的特点。...- End - 火热报名!2021“数字贵州创杯”正式启动 政务协同十大场景重磅发布! 腾讯云WeCity 丨感谢相伴 一路同行 想了解更多资讯 欢迎点击关注公众号/视频号

    2K10

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

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

    67310

    AI成增长新动力!百度2023年净利润大涨39%至287亿元,全年业绩超预期

    飞桨星河社区,基于文心一言的创新应用已超过4000个,覆盖市场营销、教育培训、智能办公等众多场景。...李彦宏此前在活动透露,自2023年3月至12月底,文心大模型基本已将推理成本降低至原有的1%。同时,通过飞桨与文心协同优化,模型周均训练有效率超过98%。...为进一步提升AI原生应用和模型的开发效率,百度智能云上线AppBuilder、ModelBuilder两大工具。...ModelBuilder则带来全套大模型开发工具链,支持专有模型的开发和模型精调。...目前,ModelBuilder已累计精调了10000个模型,为开发者提供专有模型与基础大模型配合使用的完整大模型解决方案。

    16910
    领券