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

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

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

1.4K31

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

本文首发于 vivo互联网技术 信公众号 链接: https://mp.weixin.qq.com/s/1DzTYIExVbK0uE_Oc7IHYw 作者:悟空中研发团队 【悟空活动】系列往期精彩文章...: 《揭秘 vivo 如何打造千万级 DAU 活动 - 启航篇》 主要为大家讲述 vivo 活动的能力与创新。...《悟空活动 - 组件状态管理(上)》介绍了活动页内组件之间的状态管理和背后的设计思路。...一、背景 在上一篇 【悟空活动 - 组件状态管理(上)】,我们一起回顾了活动页内组件之间的状态管理和背后的设计思路。...四、组件跨沙盒数据通信 1、背景 如上图,平台左侧的【编辑器】显示的当前活动的阅览效果,渲染在一个iframe沙箱,右侧是属性配置面板,和左侧的【编辑器】不在一个窗口环境

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

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

本文首发于 vivo互联网技术 信公众号 链接: https://mp.weixin.qq.com/s/Ka1pjJKuFwuVL8B-t7CwuA 作者:悟空中研发团队 一、背景 通过《揭秘 vivo...如何打造千万级 DAU 活动 - 启航篇》的技术揭秘,相信我们对于 RSC 有了更多的了解。...RSC(remote service component) 即远程服务化组件,通过热插拔的机制,可视化配置,即插即用,快速构建活动页面,是活动页面的核心组成单元。...例如,活动页面虽然是由多个RSC组件构成,但是请求的服务端接口还是一个,包含了页面初始化状态的所有的数据,此时我们就可以在前置脚本中统一处理获取数据的逻辑,然后再同步到各个RSC组件内部。...我们一起回顾了RSC组件化方案,在解决悟空活动实际业务场景上走过的路,团队在技术上为努力解决 RSC 组件与组件之间状态管理上的思考。

2.7K10

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

本文首发于 vivo互联网技术 信公众号 链接: https://mp.weixin.qq.com/s/6gtVR0nVNcZvREjwftZgzA 作者:悟空中研发团队 【悟空活动】系列往期精彩文章...: 《揭秘 vivo 如何打造千万级 DAU 活动 - 启航篇》 主要为大家讲述 vivo 活动的能力与创新。...《悟空活动 - 组件状态管理(上)》介绍了活动页内 RSC 组件之间的状态管理和背后的设计思路。 《悟空活动 - 组件状态管理(下)》探索平台和跨沙箱环境下的组件状态管理。...《vivo悟空活动 - 组件多端探索》是基于自助多端扩展,也就意味着多端 组件选择越丰富,内容越通用,玩法越多样,产品价值也会越高。...一、背景 通过之前悟空活动系列文章,大家对组件、动态布局等技术方案有了一定的了解。本篇我们带大家了解下悟空H5专题性能优化之路。 在移动互联网时代,H5页面加载体验至关重要。

1.4K20

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

悟空活动】系列往期精彩文章: 《揭秘 vivo 如何打造千万级 DAU 活动 - 启航篇》 主要为大家讲述 vivo 活动的能力与创新。...《悟空活动 - 组件状态管理(上)》介绍了活动页内 RSC 组件之间的状态管理和背后的设计思路。 《悟空活动 - 组件状态管理(下)》探索平台和跨沙箱环境下的组件状态管理。...《vivo 悟空活动-基于行为预设的动态布局方案》本文以“满屏”场景下的页面布局思考为切入点,以组件为元素单元,提供了一种新的布局方案设计思路——基于行为预设的动态布局方案,并详细的分享了设计目的及具体实现方案...《vivo悟空活动 - 组件多端探索》是基于自助多端扩展,也就意味着多端 组件选择越丰富,内容越通用,玩法越多样,产品价值也会越高。...《vivo 悟空活动 - H5 活动加载优化》从提高资源请求速度,资源压缩、缓存、渲染等多种角度出发,寻找悟空活动专题加载优化方案。

1.4K40

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

一、背景 悟空活动技术文章系列又和大家见面了,天气渐冷,注意保暖。 在往期的系列技术文章我们主要集中分享了前端技术的方方面面,如组件的状态管理,组件的跨平台探索,以及有损布局,性能优化等等。...今天的技术主题要有点不一样,让我们一起来聊聊悟空活动在应用服务层的一些技术建设。...在悟空活动的技术架构设计,我们充分拥抱 JavaScript 生态,希望推进 JavaScript 的全栈开发流程,所以在应用层的服务端,我们选择了 Node 作为 BFF(Backend For...当然 Node 只是服务应用开发的一部分。当我们需要存储业务数据时,我们还需要一个数据的持久化解决方案。悟空活动选择成熟又可靠的 MySQL 来作为我们的数据存储数据库。...本文我们一起回顾了悟空活动 Node 服务数据层持久化解决方案设计上的一些思考和探索,我们希望保留 SQL 的简单通用强大,又能保证极致的开发体验,希望通过 Node-MyBatis 的设计兑现了我们的思考

5.4K20

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

—— 题记 一、背景 悟空活动技术文章系列又和大家见面了,天气渐冷,注意保暖。...今天的技术主题要有点不一样,让我们一起来聊聊悟空活动在应用服务层的一些技术建设。...在悟空活动的技术架构设计,我们充分拥抱 JavaScript 生态,希望推进 JavaScript 的全栈开发流程,所以在应用层的服务端,我们选择了 Node 作为 BFF(Backend For...当然 Node 只是服务应用开发的一部分。当我们需要存储业务数据时,我们还需要一个数据的持久化解决方案。悟空活动选择成熟又可靠的 MySQL 来作为我们的数据存储数据库。...本文我们一起回顾了悟空活动 Node 服务数据层持久化解决方案设计上的一些思考和探索,我们希望保留 SQL 的简单通用强大,又能保证极致的开发体验,希望通过 Node-MyBatis 的设计兑现了我们的思考

1.3K40

数据服务——数据的四大支柱

笔者认为:数据更像是一个数据产品或数据服务的数据能力工厂,它由“产品导向、数据服务、敏捷团队、赋能中心”四大支柱支撑,提供数据资产加工,数据分析和应用,数据服务输出等能力——数据服务。 ?...— 03 — 数据支柱二:数据服务 在笔者看来,数据最重要的不是而是数据,但“纯粹”的源数据严格来说还也不是数据的一部分,需要将其加工、处理、标准化形成数据服务和数据产品。...数据即服务——这是数据的灵魂。从这个角度讲,数据服务是数据的核心,并直接为用户提供价值。...数据提供的能力包括:数据资产管理,公共数据服务,垂直数据服务,数据服务开放共享,数据运营,管理等。数据服务,每一项的能力都是为服务用户而生! ?...一个管道可能会填充财务使用的OLAP多维数据集;另一个可能将集成的客户数据传递到实时Web应用程序;另一个可能会为建立活动响应模型的数据科学家创建一个细分的原始数据池。 ? ?

1.5K30

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

本文首发于 vivo互联网技术 信公众号 链接: https://mp.weixin.qq.com/s/Ka1pjJKuFwuVL8B-t7CwuA 作者:悟空中研发团队 一、缘起 - 什么是悟空活动...3、关于数据服务 悟空前端方案的子系统若需要业务数据服务,此时谁来提供? 悟空默认不提供数据 API 服务,不同业务的数据服务由业务方的服务端提供。对应系统配置允许悟空跨域调用即可。...五、写在最后 通过对悟空活动的介绍和 RSC 技术方案的讲解实现,大家应该对悟空活动为何具备高度定制的能力有了初步的了解。...前端在活动的探索的征程并未结束,更多的挑战等着我们,组件的使用和场景还有很多难点,后面我们会围绕 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产品中心总监方亮致辞,WeTest作为腾讯的一站式质量开放平台,目前已服务于腾讯多个事业群,数百个项目。...主题二:WeTest测试介绍 分享人:Amy WeTest平台产品经理 [5.jpg] 本主题主要阐述了WeTest测试的演变史,并提炼出测试的技术与业务框架。...实现了既能支持私有云的全局方案,又能结合测试工具独立服务用户的私有方案; 阐述了业务方、合作伙伴的如何在能力的帮助下,灵活开发、快速上架、自由迭代验证,自助化实现各种服务流程的经验,如DevOps的解决方案

1.3K31

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

在《悟空活动 - H5 活动加载优化》一文我们提到过图片压缩也是提升悟空中产出 H5 页面加载性能的重要手段之一,对本篇将从技术选型、架构设计到方案落地,全方位的呈现悟空活动台基于 WebP...【悟空活动】系列往期精彩文章: 《揭秘 vivo 如何打造千万级 DAU 活动 - 启航篇》 主要为大家讲述 vivo 活动的能力与创新。...《悟空活动 - 组件状态管理(上)》介绍了活动页内 RSC 组件之间的状态管理和背后的设计思路。 《悟空活动 - 组件状态管理(下)》探索平台和跨沙箱环境下的组件状态管理。...《vivo 悟空活动-基于行为预设的动态布局方案》本文以“满屏”场景下的页面布局思考为切入点,以组件为元素单元,提供了一种新的布局方案设计思路——基于行为预设的动态布局方案,并详细的分享了设计目的及具体实现方案...《vivo悟空活动 - 组件多端探索》是基于自助多端扩展,也就意味着多端 组件选择越丰富,内容越通用,玩法越多样,产品价值也会越高。

1.4K20

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

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

2K10

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

2019年5月5日,腾讯WeTest作为测试敏捷化标准协会成员之一,主办的测试交流和参观活动,在腾讯上海分公司总部园圆满举行。...本次参观交流活动合影 本次交流参观活动,在腾讯WeTest产品组组长Paro的带领下,WeTest的产品线经理就建设测试的历史契机和组织发展阶段、WeTest测试介绍、腾讯DevOps的测试实践方案...主题二:WeTest测试介绍 分享人:Amy  WeTest平台产品经理 本主题主要阐述了WeTest测试的演变史,并提炼出测试的技术与业务框架。 1. ...阐述了业务方、合作伙伴的如何在能力的帮助下,灵活开发、快速上架、自由迭代验证,自助化实现各种服务流程的经验,如DevOps的解决方案,各种应用和游戏解决方案等。...取消 发布到看一看 确定 最多200字,当前共字 发送 信扫一扫 关注该公众号 信扫一扫 使用小程序 即将打开""小程序 取消 打开

83610

拆完再拆微服务

这些年中、微服务都是技术浪潮的弄潮儿。两者的命运似乎是所有技术新词的缩影:先谈,再建,后拆,最后平静。...如,开始时聊什么都得带上,战略层喜欢谈,执行层也喜欢谈,再后面跟随一线大厂纷纷搭建自己的,然后就是反思,拆除,最后平静看待。...可以说已经经历完整的生命周期,而微服务周期也差不多,但对于“拆掉”,两者的声势与目标却不太相同。...在《是什么》[1]中提出,“效能下限”与“创新上限”就像翘翘板,产生了哑铃效应,而则是追求效能的极致,同时却也降低了创新上限 建中是为了效能,拆是为了创新。...此时再回头看微服务概念时,当初纠结的“”到底是多大的问题,已经完全不重要。微服务只是相对单体架构(Monolithic)的称呼,“”不代表任何实际的内容。

58020

基于前端的大型项目融合方案

这篇文章通过实现一个商城后台,介绍了基于 umi 框架的前端落地方案,通过这篇文章,你可以收获 超级简单的、可用于生产环境的基于 umi 的前端实践,包括一套示例代码 全新的、基于前端的大型项目前端组织方式...[4]》 ❞ 「本篇的文章的示例源码见 「umi-micro-apps[5]」 总分式的应用 假如我们有一个超大型的,不同的模块是由不同团队维护的,那我们完全可以让各自团队维护自己的前端,然后通过前端把它们组合起来...套娃式的应用 如果我们今天的文章只是介绍“总分式的应用”,那这篇文章的意义就很小了,毕竟社区上把这一套都玩烂了。...总结 前端为大型项目带来了福音,我们可以非常灵活的进行应用拆分和组合。基于这一套玩法,我们不仅可以完成“总分”形式的组合,也可以实现“任意套娃”,极大的提升了应用的灵活性。...我想象未来的台前端也是微服务化,每个小组维护自己的数据和页面,通过“总分”和“套娃”组成一个大型应用。

1.4K10

#凯哥讲数据#深度剖析数据提供的数据服务

导读 欢迎转载,请注明出处 本文的主题: 系统性的介绍数据提供的服务类型,详细讲解最重要的Data API部分。...适合的读者: 希望系统性掌握数据核心数据服务底层逻辑结构的数据建设者 核心内容和关键字: #数据#,#数据服务#,#Data API# 长度:5000字 阅读时间:30分钟 数据的核心是数据服务...数据是“数据服务工厂”,所以,数据服务是数据的核心能力。...那么,数据都提供哪些数据服务呢? 业界常用的数据服务包括五种类型,Data API,Event Hub,Database,File,Terminal & APP。...从整个数据利用的趋势来看,Data API是数据未来主要的服务形式,所以下面重点剖析Data API。

2K20

企业服务:数据、业务构建起数据闭环运转的运营体系

随着大数据技术和业务不断发展,将企业的核心能力以数字化形式沉淀到平台,形成以企业服务为中心,以业务和数据构建起数据闭环运转的运营体系,供企业更高效地进行业务探索和创新,以数字化资产的形态构建企业差异化的核心竞争力...数据是企业的核心,也是组织架构和企业文化的体现,是企业沉淀经验和智慧的宝库,是发起总攻时的指挥室,是数据安全的堡垒……国内外知名的电商系统开发服务商【数商云】创始人Martin表示:在数据安全这一高纲领指引下...,【数商云】希望成为智能时代企业的建设商,帮助企业及组织打造强大的企业服务。...一、数商云企业系统搭建优势 1、源于实际 企业业务原子能力源自解决方案实践; 2、全链路标准产品 标准产品可以直接用于业务场景的支撑; 3、业务赋能 新功能点可借助快速构建,一种能力可以支持多个场景...; 4、多平台无缝兼容 数据可以兼容阿里云数加产品家族; 二、数商云企业服务主要产品 1、实践方法 PMP:研发过程管理;项目/产品生命周期管理;运作情况透视; 能力库:能力标准;能力沉淀和获取

2.1K30

深度解析DDD和微服务设计

如何用 DDD 完成和微服务设计实战? DDD 在和微服务的整体设计流程是什么样的?...01 建立 DDD、和微服务的统一语言 1. 回顾 我们先简单回顾一下的发展历程,2017 年《企业 IT 架构转型之道:阿里巴巴中战略思想和架构实战》出版后,就受到业界热捧。...在实践过程中被赋予了太多的涵义,比如组织架构和运营等内容,这些内容会由于企业不同而在落地时出现非常大的差异。今天我们主要从业务视角,来分析的领域建模和微服务落地。...02 如何用 DDD 完成和微服务设计 在建立了 DDD 与和微服务的统一语言后,我们接下来讨论如何用 DDD 来完成和微服务设计。 1....比如,在建设时:前端设计、领域事件驱动模型以及单元化的设计思想等内容,无法在这里一一展开。 你可以参考《台架构与实现:基于 DDD 和微服务》,里面有非常详细的介绍。

76120

技术应用集成架构之移动应用集成

它也是一个集成业务、数据的使用者,而应用集成是企业门户之中重中之重的一环,接下来让我们一起了解应用的集成方式。...目录: 1.应用集成架构简介 2.移动应用平台架构分析 3.移动应用集成 一、应用集成架构简介 1.1 数字化建设之技术 ?...微服务平台:运行分布与体验聚合,沉淀微服务化的应用技术架构与技术组件 Devops:建立柔性的软件生产线,提升软件交付效率 1.2 技术之应用集成架构 ?...Primeton® Mobile移动平台采用微服务架构,通过服务化提供全面高效、安全稳定的移动运行支撑和管理能力。...移动服务: 基于微服务架构,通过移动化提供全面高效、安全稳定的移动运行支持。

2.6K21

vivo 商品的可视化前端实践

介绍完可视化,下面我将继续介绍商品前端上的实践,请大家继续往下阅读。 四、商品前端 这里我们把商品设计成了前端架构,使其能够完全适应复杂的外部业务。...因此,我们把商品项目设计成了前端架构,它可以很好的解决前端化所面临的各种问题。知道了目的,那么我们是如何去设计前端的呢?...应用配置:应用服务端配置允许跨域 这里我们选择了第一种方式,也就是主应用转发。...5.1.7 本地联调 思考一个问题,本地没有主应用的服务,怎么实现主应用与应用间的快速联调?...解决方案如下: 主应用注册应用时,将 entry 设置为从 localstorage 获取,在 localstorage 手动修改入口 entry 的值为微服务的本地地址,就可以实现本地的联调。

1.1K50
领券