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

互动动效探索

摘要 现在营销活动,用一张简单图片去吸引消费者已经远远不够,必须要有能给消费者带来视觉冲击东西,或者在动画过程中提供更好引导部分。...前端团队经历了从Gif、视频到CSS Animation从0-1过程,并致力于研究数据化驱动动效。大漠将为我们带来在手互动动效上探索分享。 ?...视频现在也是一种传替交互表现形式,如果加上一些其它技术手段上去,能表现出来就不止是我们看到视频那样。...我们目前尝试在手互动里加一些简单游戏,这些游戏就是利用前端代码加一些创意,把用户吸引到互动活动里来,让用户在这里驻留时间更久。或者通过这些小游戏给用户带来一定收益。...扩展动画 互动常见动画类型 CSS在手上实现动效性质都是相同,我们把它定义为精灵动画和路径动画。经过一年我们发现这两种动画是我们业务中最常见动画效果,于是就对它们进行了封装。

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

    电商详情页缓存架构(一)电商网站商品详情页架构

    小型电商网站商品详情页页面静态化架构以及其缺陷 小型电商网站,一般使用页面静态化方案,提前将数据渲染到模板中。...问题:每次模板变更,模板对应所有数据需要全部重新渲染 大型电商网站异步多级缓存构建 + nginx 数据本地化动态渲染架构 用户访问 nginx会先从 nginx 本地缓存获取数据渲染后返回...,没有业务逻辑和网络请求开销。...如果HTML模板变了,不用全量重新渲染,直接替换Nginx服务HTML模板 本地缓存有大小、时间期限。...nginx 本地缓存失效/不存在会从 redis 中获取数据并缓存,redis 中数据失效/不存在会从缓存数据生产服务中获取数据并缓存上 缓存数据生产服务通过队列监听数据修改等事件,让缓存数据及时更新

    90430

    PixelAI : 客户端上实时视觉算法应用

    本次分享将从设计原则与整体架构、基础算法和上层应用三个部分来介绍视频业务在客户端上实时视觉算法领域探索。 1....设计原则与整体架构 1.1 多媒体算法整体链路 多媒体算法分为视频生产和用户消费两部分,上图左半部环更多是由广告和搜索团队进行收集,算法团队主要负责右半部环中视频智能生产、内容感知及内容理解部分...1.2 多媒体算法面临挑战 多媒体算法目前面临业务、技术和业界进展变化(环境)三方面的挑战,应对这些挑战分别在效率、体验和成本三个方面做出控制和改变。...1.4.1 PixelAI数据体系 由于业务域是以直播和短视频为主,基于业务域构建了以人体为中心,手势领域、人脸领域、人体姿态和人形分割四个分类数据体系。 2....目前淘宝上有几百亿存量数据,其中大部分商品信息都是由单目设备拍摄,如何恢复图像深度信息也是团队一直在关注方向。

    2.8K10

    特一口气甩出3个国家专利,这下省钱逛逛逛都能纵享丝滑了

    “微店铺”体现在推荐商品详情页里。 点进某一个商品,页面右侧新增了一个可上下滑动展示栏。 展示栏里是和主浏览商品差不多宝贝。...有的是同店热销、有的是全网相似好物、还有根据用户个人喜好给出推荐商品。 浅刷了一下,分栏里可装下多至二十几个商品页面。 想看其他商品,点一下对应小框,左侧商品详情页会快速切换。...而且在点击侧栏商品后,它还会自动上移一格,想再看下面的商品,手指位置都不用动,接着戳就好了。 相对应,通过左侧商品详情页,也能控制右侧推荐栏。...背后3项专利分别是: 《一种电商新型微店铺商业模式》 《一种电商新型快速浏览和比价交互发明》 《一种电商商品详情页多容器技术发明》 第一个专利,是电商平台让单品和店铺之间打通更彻底,从一个产品详情页...特通过取消首坑竞价、零广告招租方式,向商家们发出邀请:只要商品够好、价格优势高,申请后就有机会获得“比价王者”标签。 背后原理还是基于大数据和推荐算法。

    48220

    流量洪峰下亿级商品详情页架构解密

    商品详情页发展史 下图展示了我们架构历史,本文将重点介绍架构3.0。(微信后台回复“历史”了解更多架构版本资讯) ?...前端展示分为2 部分:商品详情页商品介绍,使用Nginx+Lua 技术获取数据并渲染模板输出。...商品维度其他信息(异步加载),价格、促销、配送至、广告词、推荐配件、最佳组合等。 这些数据有很多部门在维护,只能异步加载。...而前端展示系统分离为商品详情页商品介绍,可以减少相互影响;目前商品介绍系统还提供其他一些服务,比如全站异步页脚服务。我们后端还是一个任务系统。 ? 4 ....动态化 我们整个页面是动态化渲染,输出数据获取动态化,商品详情页:按维度获取数据,商品基本数据、其他数据(分类、商家信息等);而且可以根据数据属性,按需做逻辑,比如虚拟商品需要自己定制详情页,那么我们就可以跳转走

    1K20

    微服务拆分规范和原则

    我这里举两个例子: 秒杀 秒杀是一个典型低频突发流量场景,参加秒杀商品数量一般不会很多,但是在秒杀开始时候,尤其是对爆款商品来说(比如新发布苹果手机),会有一个很明显突发流量 商品详情页...商品详情页毫无疑问是电商场景中并发量最大业务,- -笔成功达成订单背后,可能会调用几十次商品详情页接口(同学们买东西都要货比三家么不是) 我在做具体规划时候,会尽量把压力模型拆解为三个维度 1)高频高并发场景比如商品详情页...它发生频率比较低,而且也不会造成很高并发量。 通常我们建议将高频高并发场景隔离出来,单独作为一个微服务模块,典型就是商品详情页后台服务。...按照我们平时买买买经验,可以识别出很多核心主链路,比如商品搜索->商品详情页->购物车模块->订单结算->支付业务,这是就是一条最简单主链路。...电商领域也是一样,我们通过手app买买买(前台业务场景),商家通过后台业务系统管理商品信息(后台业务场景)。

    21010

    京东商品详情页应对“双11”大流量技术实践

    商品详情页涉及服务 对于商品详情页涉及了如下主要服务: 商品详情页HTML页面渲染 价格服务 促销服务 库存状态/配送至服务 广告词服务 预售/秒杀服务 评价服务 试用服务 推荐服务...商品介绍服务 各品类相关一些特殊服务 对于详情页我们采用了KV结构存储,但它是长尾,即数据是离散数据。...最早期时候,我们商品详情页采用.NET技术,但是随着商品数量增加,而且随着商品数据库结构设计复杂性变化,后来我们就生成了静态页,通过JAVA生成页面的片段,像商品介绍等等,都是通过一个一个片段输送出去...比如展示商品详情页时,读取商品信息、商品相关信息:分类,商家,品牌等等信息然后渲染页面即可;而商品介绍读出来吐出去就可以了。...商品详情页统一服务系统建立 商品详情页上异步加载服务非常多,因此我们做了一套统一服务系统。为什么做这个系统?我们目标就是所有在页面中接入请求或者接入服务,都必须经过我们这个系统。

    1.7K100

    非常强大商品实时推荐系统!

    数据存储在Hbaseuser表 产品画像记录 -> 实现基于标签推荐逻辑 用两个维度记录产品画像,一个是喜爱该产品年龄段,另一个是性别 数据存储在Hbaseprod表 事实热度榜 -> 实现基于热度推荐逻辑...数据按时间窗口统计数据大屏需要数据,返回前段展示 数据存储在Hbasecon表 b. web模块 前台用户界面 该页面返回给用户推荐产品list 后台监控页面 该页面返回给管理员指标监控 2.推荐引擎逻辑说明...2.1 基于热度推荐逻辑 现阶段推荐逻辑图 ?...根据用户特征,重新排序热度榜,之后根据两种推荐算法计算得到产品相关度评分,为每个热度榜中产品推荐几个关联产品 2.2 基于产品画像产品相似度计算方法 基于产品画像推荐逻辑依赖于产品画像和热度榜两个维度...在已经有产品画像基础上,计算item与item之间关联系,通过余弦相似度来计算两两之间评分,最后在已有物品选中情况下推荐关联性更高产品.

    3K40

    电商详情页系统实战(2) -小型电商网站商品详情页页面静态化架构及缺陷

    商品详情页系统架构 => 缓存架构 => 高并发 => 高可用 电商网站里,大概可以说分成两种 小型电商 简单一种架构方案,页面静态化方案 大型电商 复杂一套架构,大电商,国内排名前几电商...,用得应该咱们这里讲解这套大型详情页架构 页面静态化,全量页面静态化 商品名称:#{productName} 商品价格:#{... 商品名称:#{productName} 商品价格:#{productPrice} 商品描述:#{productDesc} ...> 商品名称:iphon7 plus(玫瑰) 商品价格:5299.50 商品描述:这是最好手机,大降价了 </body...,直接走html 页面太多,上亿,一个模板修改了,重新渲染一亿商品,靠谱,几天 参考 (第二版)亿级流量电商详情页系统实战-缓存架构+高可用服务架构+微服务架构

    51340

    5 款购物小程序,助你「女王节」剁一臂之力

    只需做几个简单选择题,它就能理清、抓住你真实需求,在茫茫商品中,给你推荐最合适那几款。 每款推荐商品还包含了详细推荐理由和价格,你也可以对推荐商品列表进行评估,提供反馈意见。。...「值得买购物攻略」提供了更丰富商品文章分类、更详尽实用选购指南、购物攻略、商品评测、使用教程。 每一篇图文都是由原创作者精心收集、整理,以及亲身试用体验商品后做推荐。...除了一般商品分类,这款小程序还包含了各国海攻略,从零开始教各位女王们远洋买到心仪商品。 除此之外,文内还附有推荐商品链接,遇上喜欢,还可以直达购物平台立马下单。...这款小程序设计简洁,看中合适商店,可直接在商品详情页购买,也可以进入「订单」查看物流状态。 小程序虽小,但一样也能完成购物噢。 4....据说,「Coolbuy 玩物志」现在还有令人惊喜女神专属折扣,不要错过了哦。 至此,我已经用尽全力帮你们到这了,请保护好你们钱包。剁要理性,不要太疯狂。

    2.4K30

    DeepFM在贝壳房源详情页推荐场景实践

    上一篇文章《wide&deep 在贝壳推荐场景实践[1]》中,我们介绍了贝壳首页推荐展位使用 Wide & Deep 模型,本文向大家介绍贝壳房源详情页推荐展位使用 DeepFM 模型。...---- DeepFM 在贝壳房源详情页推荐展位实践应用 背景介绍 我们将 DeepFM 应用在了贝壳找房 APP 中房源详情介绍页推荐展位上,见图-4(a): ?...图-4 详情页推荐位介绍 这个推荐场景最显著特点是有很强上下文约束。...但在详情页推荐场景下,上下文约束很强,需要大量上下文交叉特征,因此,我们采用了 DeepFM,借助 FM 上下文特征自动交叉减轻我们在特征工程方面的工作。...特征工程 特征选择 我们分析了我们场景,详情页推荐一个基本假设是:用户对详情页房源感兴趣,推荐相似的房源用户也感兴趣。

    2.2K20

    视频内容理解在手逛逛中应用与落地

    # 淘宝探索人货场新形式发展历程 一直在做商品展示,这几年,商品展示模式一直在变化。1998年做文本,2005年进入图文时代,2017年进入淘宝直播时代。...发展到今天,业务增长点在哪里?这里会涉及到以下几件事:首先电商表现形式也在不断发展变化。...基于以上几个方面,下一步要做以下几个方向:升级传统RGB直播形式,从2.5D到3D再到AR形式做升级;会探索内容业务增长点,从原来商品介绍转至对内容介绍。...商品可以春夏秋冬卖一年,内容也会有热点信息,以及海量信息该如何进行快速处理?三是商品有完整结构化信息供运营,视频内容raw data信息如何进行精细化运营?...5.1 训练体系 讲训练体系原因是在做标签、内容时,如果类别上到千万级别,会遇到长尾问题,解决现有数据问题时会遇到小样本问题。举个例子,中最不缺商品样本;逛逛是做内容,不一定是商品

    1.5K10

    聊聊淘宝天猫个性化推荐技术演进史

    如今,从用户打开手机淘宝客户端(简称“”)或是手机天猫客户端(简称“猫客”)那一刻起,个性化推荐技术就已经启动,为你我带来一场个性化购物之旅。...个性化推荐算法也因此被快速地应用到“发现好店”、“爱逛街”、“猜你喜欢”及购物链路等各个主要场景中。...其中,底部“猜你喜欢”商品瀑布流推荐是亿万用户每天登录后必逛场景,为人们搜寻和发掘自己喜好商品提供了便捷渠道。“猜你喜欢”也一举成为中国电商中最大推荐产品。 ?...从数据流通链路来看(比如下图所示场景数据流通图),我们可以很自然地将全链路多场景推荐任务理解为推荐系统面向用户连续决策过程。...深度强化学习已经在人工智能领域掀起了新浪潮,这一技术必将成为个性化推荐智能化最强武器。 ? 场景数据流通图 总结 个性化推荐所取得成就是一个“意料之外却情理之中”结果。

    3.2K10

    阿里双11技术总指挥汤兴:淘宝确实变了

    △阿里巴巴集团副总裁、双11技术总指挥、系产品技术&平台业务负责人 汤兴(平畴) 汤兴举了这样一个例子:当你想买一个手机壳时候,简单搜索和现有的推荐算法其实是解决不了问题。...也就是说,直播电商本质上还是电商,拼还是整个供应链体系。 因此,系也在重点建设针对主播商品供应体系。...比如利用智能化推荐算法,来帮助主播挑选适合其调性商品,完成主播和商家、主播和商品以及用户和主播之间,更多维度匹配。...而针对消费者“逛”需求,在方才提及直播体验之外,手机淘宝上线了全新首页:取消焦点图,上提信息流,还添加了微详情页,营造更舒适“闲逛”体验。...而效果,也可以直接从数据上体现:改版之后,用户停留时长提高了20%,商品IPV(商品详情页点击次数)、点击率也提高了20%。 淘宝往何处去?

    2.5K20

    移动商城分类查询设计、商品详情页设计、用户下单功能实现

    商城分类查询设计 商城分类查询主要用于展示一个一级分类列表,通过一级分类列表提供分类ID(作为参数),跳转到商品控制器中进行商品查询。 分类查询主要是通过分类列表进行跳转。...商品详情页设计 首先通过控制器调用商品服务接口GoodsRestService findByld获取数据,然后返回一个页面视图设计“show.html”,其中,控制器实现代码如下所示: @RestController...buyNowBtn" th:href=" ' /order/accounts/'+${goods.id}" class="btn red">立即购买 详情页显示了商品详细信息...商品详情页设计完成之后,显示效果如图9-3所示。...本文给大家讲解内容SpringCloud微服务架构实战:商城分类查询设计、商品详情页设计、用户下单功能实现 下篇文章给大家讲解是SpringCloud微服务架构实战:商城用户登录与账户切换设计、

    52020

    带货直播系统源码中,商品详情页是如何搭建起来

    市面上大多数带货直播系统源码商品介绍详情页,都是仿照淘宝商品详情页制作,那么这个模块是如何通过代码建立起来呢?下面小编将会通过代码来描述其实现过程。 1....实现滑动控制到导航栏显示和隐藏 mScrollView.setOnScrollChangeListener(new View.OnScrollChangeListener() {     @Override...实现点击导航栏切换到对应模块 private void checkDffect(int item) { //item 0,1,2,3 分别对应4个模块 if(mCurrentItem==item)...if(isUp&&Math.abs((dy-mBottom))<30){//当向上滑到view底部时候,也应该切换到对应栏目 return true;        }     } lastScroolDy...=dy; //记录上一次滑动值 return false; } 以上就是带货直播系统源码中,商品介绍详情页是被如何搭建起来

    70910

    阿里价格力战略怎么搞?

    主要包括: 加强用户粘性和时长,提供消费丰富度,直播、私域、内容化,三个战略都是其中手段; 提升商品性价比,包括市场机制设计、各类营销产品、特农产品、工厂货直达消费者业务模式突破,今年提出价格力战略聚焦于此...并承诺:如果用户发现京东百亿补贴商品价格高于外网,可获得双倍赔付。 刘强东之前短暂远离京东后,京东很多曾经引以为豪打法被弱化了。...后续“订阅”和“推荐”并列组成淘宝首页两大频道,左右滑屏可切换。 淘宝首页推荐页,是淘宝公域流量集中地,由平台掌握流量分配,根据用户平时点击行为,进行个性化推荐。...私域是商家在淘宝里可以自己控制流量地方,包括订阅页、店铺详情页、群聊等入口,都是商家运营粉丝和会员重要阵地。...有消息传出,天猫正在策划小时购业务,消费者可以在淘宝APP首页点击鲜达,体验生鲜果蔬、米面粮油、生活日用等商品,一小时送达。 淘宝天猫也逐渐从过去远场商业,逐渐走向近中场相结合综合商业模式。

    1.6K10
    领券