首页
学习
活动
专区
工具
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.4K40
您找到你想要的搜索结果了吗?
是的
没有找到

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

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

5.3K20

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 活动的能力与创新。...《悟空活动 - 微组件状态管理(上)》介绍了活动页内微组件之间的状态管理和背后的设计思路。...一、背景 在上一篇 【悟空活动 - 微组件状态管理(上)】,我们一起回顾了活动页内微组件之间的状态管理和背后的设计思路。...如上述背景上的设计,我们需要在主系统和编辑器之间进行数据同步,数据流如下图,同步数据的目的: 解决组件的可配置化 通过同步活动页的配置数据自动生成活动的 UI 将活动数据和 UI 进行解耦 3、跨沙盒的组件状态管理

1.7K40

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

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

1.3K40

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

如何打造千万级 DAU 活动 - 启航篇》的技术揭秘,相信我们对于 RSC 有了更多的了解。...在这个活动页场景涉及大量的组件之间的协作和数据共享。所以如果把活动看成一个小型的前端系统,RSC 只是构成系统的一个基本要素,还有一个非常重要的要素不能忽略,那就是 RSC 组件之间的连接。...所以在对 RSC 组件进行治理的过程,首先需要解决的就是活动页内组件之间的数据状态的管理。...因为在一个活动 RSC 组件会被重复加载多次,所有也会导致相同 namespace 的 store 模块重复加载导致模块覆盖。怎么保证 namespace 的唯一性呢?...我们一起回顾了RSC组件化方案,在解决悟空活动实际业务场景上走过的路,团队在技术上为努力解决 RSC 组件与组件之间状态管理上的思考。

2.6K10

大数据AI演进是大势所趋?

近日,宜信科技中心 AI 团队负责人王东在一篇技术专访,从大数据和 AI 赋能金融业务的角度,分享了、大数据、AI 等软件研发趋势为业务赋能的经验与思路。...5、现在,越来越多的人提到数据需要向 AI 演进,您对此怎么看?宜信的数据AI 之间是什么样的关系?二者之间是如何支持协作的?...数据AI 两者是相互依存,承前启后的关系。...数据AI 两者都对外提供服务,只是侧重点不同:数据提供各种数据服务(BI 报表应用、数据探索等),AI 提供各种智能服务(模型预测、智能推荐等); AI 依托数据提供的数据能力和工具集...嘉宾介绍 王东:宜信科技中心 AI 团队负责人 北京大学软件工程专业硕士,宜信科技中心 AI 团队负责人,目前负责宜信 AI 平台的建设工作。

1.8K20

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

原文链接:https://wetest.qq.com/lab/view/457.html 2019年5月5日,腾讯WeTest作为测试敏捷化标准协会成员之一,主办的测试交流和参观活动,在腾讯上海分公司总部园圆满举行...[1.jpg] 本次参观交流活动合影 本次交流参观活动,在腾讯WeTest产品组组长Paro的带领下,WeTest的产品线经理就建设测试的历史契机和组织发展阶段、WeTest测试介绍、腾讯DevOps...的测试实践方案、兼容性测试及AI在测试的应用、服务器性能全链路和接口测试和客户端性能解决方案六大主题与来宾进行分享和技术交流。...主题二:WeTest测试介绍 分享人:Amy WeTest平台产品经理 [5.jpg] 本主题主要阐述了WeTest测试的演变史,并提炼出测试的技术与业务框架。...主题四:兼容性测试及AI在测试的应用 分享人:Bingyan 云测线产品经理 [7.jpg] 兼容测试部分,主讲人与大家的分享主要为以下几点: • 如何选取机型。

1.3K31

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

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

2.3K00

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

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

1.3K20

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的测试实践方案...、兼容性测试及AI在测试的应用、服务器性能全链路和接口测试和客户端性能解决方案六大主题与来宾进行分享和技术交流。...主题二:WeTest测试介绍 分享人:Amy  WeTest平台产品经理 本主题主要阐述了WeTest测试的演变史,并提炼出测试的技术与业务框架。 1. ...主题四:兼容性测试及AI在测试的应用 分享人:Bingyan  云测线产品经理 兼容测试部分,主讲人与大家的分享主要为以下几点: • 如何选取机型。

82110

腾讯云智媒体AI,获奖了!

★ NEWS ★ 作为CCBN重要品牌活动之一,“CCBN年度创新奖”面向全国广播电视和网络视听科技企业,征集行业内的创新成果。...5月27日,“CCBN年度创新奖”正式公布,腾讯云智媒体AI,荣获CCBN2021产品创新优秀奖!...腾讯云智媒体AI,从“媒体+AI”应用的实际需求出发,依托腾讯内部诸多优秀团队的AI技术与最佳实践,包括腾讯云智慧传媒行业、腾讯云AI、腾讯安全天御内容安全团队,以及腾讯优图、腾讯多媒体实验室、微信智聆等...结合在微信看一看、微视、企鹅号、腾讯视频等的互联网媒体AI应用经验,以及在央视频、河南日报、宁夏黄河云融媒体平台的项目沉淀,腾讯云智媒体AI聚焦技术与媒体应用场景的结合,贴合媒体业务打造专属算法,并持续迭代升级...为媒体全业务流程打造应用服务,腾讯云智媒体AI覆盖多模态内容结构化、智能转码、超分、老片修复、视频质检、智能审核等多维度应用。

2.6K40

腾讯云智能媒体AI3.0 全新升级!

对此,腾讯云智能媒体AI3.0升级将智能标签能力进一步强化,引入自研“标签权重引擎”,让内容标签颗粒度更细、理解度更深、泛化性更高。...另外,为了提升标签的准确度,弥补公开数据集和标签体系无法适配传媒行业需求的不足,媒体AI还结合传媒行业需要,重新构建了细分场景的标签体系,包括新闻、综艺、融媒体、影视剧等,关注各场景应用价值最大的标签...同时,3.0版媒体AI,还支持更多智能功能,包括智能标题和智能摘要生成等。不断发展的AI大模型能力为传媒行业带来了巨大的想象空间,不断提升行业生产效率。...目前,媒体AI已经服务央视、北京电视、深圳电视等超过20+客户,譬如与央视共建人工智能开放平台,打磨更多适合媒体的AI能力,持续致力于内容的生产、管理、分发、运营等业务场景,为传媒人打造专属的AI...腾讯云智能媒体AI入选2022AI最具创新价值落地案例

1.7K50

的定义 | 白话战略

《白话战略》已经写了三篇,尤其是第一篇「是个什么鬼」收到了很多朋友的反馈。写“白话”这个系列主要是想通过写文章来驱动自己思考,并借此和更多人一起交流和探讨这个话题。 ?...,像上文提到业务、数据、搜索、移动,哪些才是,哪些是蹭热点的?...与前台的划分原则是什么? 化与平台化的区别是什么? 化和服务化的区别是什么? 该怎么建设?...企业的能力可能包含多个维度,常见的例如计算能力,技术能力,业务能力,数据能力,AI能力,运营能力,研发能力……其中大部分的能力还可以继续细化和二次展开,从而形成一张多维度的企业能力网。...另一方面就是通过对于能力的SaaS化包装,减少前台团队发现能力和使用能力的阻力,甚至通过自助式(Self-Service)的方式快速定位和使用能力。

1.4K32

| 什么到底是

到处都在喊,到处都是这个词在好多地方已经被滥用了。 在有些人眼里:就是技术平台,像微服务开发框架、Devops平台、PaaS平台,容器云之类的,人们都叫它“技术”。...在有些人眼里:就是微服务业务平台,像最常见的什么用户中心,订单中心,各种微服务集散地,人们都叫它“业务”。...在有些人眼里:应该是组织的事情,类似于企业内部资源调度中心和内部创新孵化组织,人们都叫它“组织”。 ,从字面意思上理解,是位于前台和后台之间。 那么,到底是什么呢?...谈到,首先会想到阿里巴巴,今天就从阿里开始,一起认识下到底是什么?到底如何发展而来的呢? 阿里的发展历程 ?...技术:将使用云或其他基础设施的能力以及应用各种技术中间件的能力进行整合和包装,助力前台和业务及数据的快速建设。

5.9K21

数据:什么是数据

数据:什么是数据 什么是数据 数据是全新的架构变革。过去三十年,企业数据管理都以传统的IT架构为基础。...由此,集成式的建设方式给技术部门形成巨大的维护成本和治理成本,并没有达到数据建设的真正目的。 数据的基本能力 数据具有数据服务的能力。...传统企业搭建数据,如果仅完成了API接口的创建,仅仅是完成了数据建设的其中一环。因此,数据并不是端到端的技术赋能平台。...数据的建立可以帮助企业对数据进行风险隔离,确保一方不影响另一方。 数据应用方式 数据应用方式一为帮助业务部门灵活使用数据分析。数据改变了以往业务部门数据分析技术能力不足的窘况。...层是业务用户或技术用户直接可以使用的服务和功能,包括数据分析工具、数据挖掘工具、可视化工具、清洗工具、建模工具等不同的数据工具;还包括不同层次的数据应用,如大屏可视化应用、决策分析系统、用户画像系统、精准推荐系统、AI

2.9K10

数据,什么是数据

在 3 月 15 日 ThoughtWorks 技术雷达峰会上,关于数据的话题也获得了众多参会者的热烈关注。如今似乎人人都在提数据,但却不是所有人都清楚数据到底意味着什么。...数据是只有大厂才需要考虑的高大上的概念吗?普通企业该不该做数据?数据的出现会给现有数据从业者们带来颠覆式的挑战吗? 数据不是大数据平台!...首先它不是一个平台,也不是一个系统,如果有厂商说他们有个数据卖给你,对不起,它是个骗子。 要回答数据是什么,首先要探讨一下到底是什么。...数据也可以小而美 建设数据的关键考量包括两方面。 首先数据一定要与业务价值对齐。构建数据,最重要的不是技术,也不是数据质量好不好,而是数据思维和数据文化。...最后,史凯也提到了阿里战略的另一个——“业务”。

1.4K30
领券