前言图片加载优化对于一个网站性能好坏起着至关重要的作用。所以我们使用Vue来操作一波。备注以下的优化一、优化二栏目都是我自己封装在Vue的工具函数里，所以请认真看完，要不然直接复制的话，容易出错的。资源Vue.jsElementUI优化一：图片加载动画只有当图片加载完成后才可以显示图片，加载动画结束。我们使用ElementUI

!(https://oscimg.oschina.net/oscnet/0adf91190e0e4a468c38e8042a0ba11d.gif)!(https://oscimg.oschina.net/oscnet/2324cf3b49704bd5b531e44b788883fd.gif)什么是hystrix？!

1<!DOCTYPEhtml2<html3<head4<metacharset"utf8"5<titleHTML5页面切换动画</title6<linkhref"animations.css"rel"stylesheet"

可以做全自动的动画,只要设置好路径点就可以了,privateTransformways1;//路径点的位置publicTransformtagret;//移动的物体privateintindex1;privatevoidStart(){

1.开场动画首先将素材导入到DragonBones中，然后将各个素材图片移动到合适的位置，然后调整图层上下位置，并在20帧左右插入关键帧然后在0帧放入各素材进入背景时的位置以及时间顺序，最后就是创建补件动画调整各素材的大小变化!(https://oscimg.oschina.net/oscnet/upf664d9444d9254f2

《Unity官方案例精讲》一书中在第9章介绍了角色换装示例与AssetBundle的使用。示例中还展示了如何用SkinnedMeshRenderer渲染模型。虽然是好几年的示例了，但其中的换装的一些基本思想还是可以借鉴的，示例中动画的播放不用太在意，是legacy动画播放，了解下就好。下面先来看一下运行图。!character

!(https://oscimg.oschina.net/oscnet/772a49ea4d09920fdf0651e8c5662a12665.gif)点击上方【村雨遥】添加关注!(https://oscimg.oschina.net/oscnet/91f5066581719dd3c513dcf35da32289482.gif)目录

1.结合ViewPager使用这是最常见的用法了，实现也比较简单。!tablayout01.gif(https://uploadimages.jianshu.io/upload_images/1354448c52cde3a668e998a.gif?imageMogr2/autoorient/strip)布局文件：

//判断是不是移动平台cc.sys.isMobile//动画系统this.animthis.getComponent(cc.Animation)ascc.Animation;//全场最佳唯一,跨场景存活cc.game.addPersistRootNode(t

​在应用开发的过程中，经常有需要表示“加载中”或者“请等待”的这么一个状态提示，我原来的做法是会通过找一张gif图片来表示这一状态，但是如果使用gif图片的话，会有以下几个问题1.在不同页面中，需要显示不同的颜色来适配页面的整体配色风格，但是gif动图是不