Jiang's Tech Journal

Jiang's Tech Journal

首页
分类
关于
Login →
Jiang's Tech Journal

Jiang's Tech Journal

首页 分类 关于
Login
  1. Home
  2. 好文
  3. C端增长业务中的动效探索

C端增长业务中的动效探索

0
  • 好文
  • Published at 2024-11-05
  • Read 136 times
Jiang
Jiang
Table of Contents
No Table of Contents
  1. 动效在增长业务中的重要性:前端在增长业务中经常要处理动画需求,但传统方法费时费力。为了更高效,作者强调设计和前端的协同合作。

  2. 提高效率的技术选型:作者介绍了使用 galacean Effects 和 lottie 两个动画库的经验,通过 AE 导出动画描述文件,在 web 端直接渲染,这减少了资源导出、压缩和适配的负担。

  3. 实际案例应用:在不同的活动场景下,设计师选用不同的动画模版,开发可灵活修改 JSON 文件,动态替换资源和文本,从而适应多种业务需求,比如集卡活动和新人宝箱的动画。

  4. 开发中的挑战和优化:文章分享了动效开发中的一些坑,如 H5 和小程序的选择、资源替换的自动化处理、动画的压缩和接口优化等,并提出降级方案以适应不同用户设备和网络。

  5. 实用性和选择方案:总结出一个观点,即选择合适的技术方案和工具比追求“主流”更有效。在日常开发中,应根据业务需求选择最适合的方案,解决实际问题。

总之,找到适合自己团队和项目的动画实现方式,并不断优化实践中的问题,才能在确保效果的同时减少开发负担。

链接:https://mp.weixin.qq.com/s/cg8VKeAPkqaQkcAfwNmtiA

离线文件:点击预览

Related Posts

[autofit.js] 可视化大屏 一行搞定自适应

可视化大屏适配/自适应现状 可视化大屏的适配是一个老生常谈的话题了,现在其实不乏一些大佬开源的自适应插件、工具但是我为什么还要重复造轮子呢?因为目前市面上适配工具每一个都无法做到完美的效果,做出来的东西都差不多,最终实现效果都逃不出白边的手掌心,可以解决白边问题的,要么太过于复杂,要么会影响dom结

C端增长业务中的动效探索

动效在增长业务中的重要性:前端在增长业务中经常要处理动画需求,但传统方法费时费力。为了更高效,作者强调设计和前端的协同合作。 提高效率的技术选型:作者介绍了使用 galacean Effects 和 lottie 两个动画库的经验,通过 AE 导出动画描述文件,在 web 端直接渲染,这减少了资源导

让浏览器发出像QQ一样的右下角桌面消息提示

通过对服务器的长连接,实现了实时消息的推送,还讨论了即使浏览器没打开,也能发送消息功能的实现。有参考价值,收藏备用 。 链接:https://juejin.cn/post/7402781955077095474 如果链接失效,可点击离线文件进行预览。 离线文件:点击预览

Electron 客户端的全量/增量更新

文章详细介绍了Electron客户端在线更新的实现方法,对我Electron程序的在线更新功能设计很有参考价值。 链接:https://juejin.cn/post/7416311252580352034 如果链接失效,可点击离线文件进行预览。 离线文件:

Table of Contents
No Table of Contents
Copyright © 2024 your company All Rights Reserved. Powered by Halo.