一款好用的APP，必定会被用户所追捧的；但是，一款故障频现的APP，它的最终结果就是被用户所摒弃。因此，软件性能优化成为了开发者们一直倾注心血的工作内容，同时也使得开发者们很是头大；在这过程当中，借助工具来辅助我们工作也是很有必要的，比如说“友盟”，对于开发者们来说有很大的帮助； 我们以友盟的一款应用性能监控工具U-APM为例来讲解
一、项目背景
登录某APP页面，底层背景添加多张静态图片，能够从下往上流畅移动，达到一个给用户相对体验比较好的视觉效果。
如果图片移动不恰当，那么就会给人造成一种不舒服的视觉效果。
目标框架：APP+H5，实际就是使用静态页面html开发。
二、遇到的挑战
解决多张静态图片移动卡顿的问题，那么就需要有一定的逻辑处理基础，编写代码到一个让图片流畅的过程。
找到一个平滑移动的方法，对于一个初学者来说也许是个不小的挑战。
三、解决步骤
图片布局和样式设置
假设有5张图片，设置图片的样式位置为position:absolute相对布局
图片初始位置计算
根据图片高度，由上往下依次给图片设定一定的top值
设置好时间值、速度值和总移动值
在间隔极短的60毫秒里移动0.6px像素值，那么在每一秒内的移动就会显得非常流畅和平滑，就不会出现移动图片有眩晕和卡顿的现象
关键代码
四、产品体验内容
集成接入友盟+应用性能监控平台U-APM
创建应用
友盟统计
五、集成接入使用体验总结与分享
总结
对于我们很多APP开发者而言，需要多维度监控APP的整体运行情况，让我们更加专注业务逻辑的修改和完善，从而更好的提高APP的用户体验！
对于友盟+U-APM性能检测工具，作为开发者的我是极力推荐给身边的同行和朋友。友盟+U-APM通过轻量级的集成接入即可拥有实时、可靠、全面的应用崩溃、ANR、自定义异常等捕获能力，及卡顿、启动分析等性能能力，支持多场景、多通道智能告警监控，帮助开发者高效还原异常、卡顿用户的访问路径和业务现场，缩短故障排查时间。
提供云真机测试能力，助力开发者从研发测试质量验收到线上问题复现排查，保障应用品质，提升测试效率。在云真机测试期间自动采集崩溃信息，提供详尽的崩溃报告协助筛查，真正实现监控测试全流程深度打通！
热门跟贴