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

    食戟 - ISUX新年派对

    2017腾讯ISUX“屋食戟”新年派对已于1月13日圆满结束。...品牌设计 “屋”日本传统街边可移动的小吃摊位;“营戟”表达用料理进行比试。为营造出以美食为主题的比拼氛围,设计师特别为“屋食戟”设计了主视觉。...美食大比拼 寒风并没有磨灭小伙伴对活动的热情,每个星座团队更显神通,为求把最好的美食带给现场的大家,都是色香味具全,看出了小伙伴们制作的用心。 ? ?...视频大剪辑 每组的队员都派出自己的视频拍摄与剪辑的精英,在有限的时间内把每个组合,整个活动的过程都拍摄下来,并进行剪辑,这个时间就是考验各位专业水平的时候了,虽然已暗,但看到屏幕的自己和自己的组员,也不禁开怀大笑...抽奖环节 新年派对当然少不了抽奖环节,抽奖环节不间断飞出,iPhone7 Plus,行李箱等,还有各种神秘大奖,小心脏简直受不了! ?

    87030

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

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

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

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

    2.5K00

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

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

    1.9K20

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

    原文链接: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

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

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

    1.4K20

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

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

    85910

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

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

    2.1K10

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

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

    2.7K40

    如何利用AI优化知识的用户体验

    随着人工智能(AI)技术的飞速发展,将AI融入知识的设计与优化,已成为提升用户体验、增强用户满意度与参与度的重要途径。...本文将从用户界面优化、智能交互设计、个性化推荐及持续学习优化四个方面,探讨AI如何助力知识的用户体验升级。...一、用户界面优化:智能布局与动态调整AI技术能够分析用户行为数据,理解用户偏好与习惯,从而自动调整知识的界面布局。...此外,AI还能自动收集用户反馈,形成闭环反馈机制,帮助知识团队不断优化内容质量、调整教学策略,确保学习体验的持续改进。结语总之,AI技术的引入为知识的用户体验优化提供了强大的技术支持。...未来,随着AI技术的不断成熟与普及,知识的用户体验将迎来更加广阔的发展前景。

    11810
    领券