**我是一个.net开发者，我想使用ueditor编辑器来上传动态图，
选择动态图后，当前动态图不动，点击上传后，
图片只保留动态图的第一帧，变成了一个以Gif格式的静态图，
请问我需要处理哪些地方才可以保证它是一个动态图？**

​数据可视化可以将看起来没有关联的数据建立联系，从中发现规律及洞察知识从而获取有价值的商业见解。
数据可视化的本质就是视觉对话，数据可视化将数据分析技术与图形技术结合，清晰有效地将分析结果信息进行解读和传达。数据和数据可视化是相辅相成的，数据赋予可视化以依据，可视化增加数据的灵活性。企业利用数据可视化可以更好更高效地提取有价值的信息。
Smartbi不仅支持Excel静态图形且支持Echarts动态图形。Excel数据可视化（条件格式等）与echarts数据可视化（地图、词云等）强强联手，丰富的动静结合效果清晰而直观地表达出隐藏在数据背后的故事。

相信很多人都看过这些大屏的图表，是不是感觉效果很酷炫，做起来会很复杂，按照传统的方式去做，使用数据分析工具结合ps美化可能耗时要数月才能做出来。但这个时候用Smartbi自助仪表盘功能，全方位的满足各种数据可视化场景。不需要你掌握编程或sql技能，业务人员也能轻松快速掌握数据可视化自助仪表盘的操作。
用Smartbi做可视化关键有4步：


数据连接


数据解决


探索式分析


数据可视化


step1：数据连接
一般用Excel做业务流程分析，必须从企业的系统结构取数，导出来成Excel表，随后再开展一系列的分析实际操作，假如用Smartbi的话就放心许多了，它能够立即和企业的多种类型的数据库立即连接，自然还可以手动式导进准保好的Excel数据集。


数据库连接进行以后，在建业务流程包，随后把必须数据表从数据库加上到业务流程库中。
step2：数据解决
数据取得手以后，我们要对数据开展生产加工，开展数据清理和一些数据指标值的测算，很有可能要对数据开展过虑、排序归纳、排列、合并等实际操作。Smartbi是根据自助式数据集来开展数据生产加工的，每一步的实际操作都是会被记录，能够随时查验每一步的实际操作，给你的数据解决更舒心！


step3：探索式分析
在Smartbi中，开展数据可视化分析的全过程非常简单，拖动就可以转化成可视化图表，特别适合营销人员开展探索式分析，寻找最合适的分析的数据指标值，充足发掘数据身后的使用价值。
用户通过拖拉拽的方式，系统提高灵活方便的操作界面，允许客户任意选择指标、维度和过滤条件等，快速生成多维分析表，仪表盘看板。

step4：数据可视化
以上的探索分析，基本能够了解大家必须在汇报上展现什么指标值，要表述什么数据，此刻大家就必须挑选适合的图表来呈现数据。Smartbi数据可视化专用工具能够立即拖动数据来转化成图表，另外它也会依据你拖动到横纵坐标的指标值总数个性化推荐图表，也有开展层面和指标值总数的提醒，协助迅速寻找适合的图表。


以上便是用Smartbi开展数据可视化的所有流程了，有了这款做数据可视化的工具，以后你也可以轻松在制作可视化效果，汇报给领导看啦。
Smartbi作为成熟的大数据分析平台，具备可复用、 动静结合独特的展示效果，使得数据可视化灵活强大，动静皆宜，为广大用户提供了无限的应用能力和想象空间。不仅丰富且美观，更重要是操作简洁，使用方便。适应多变的分析场景。大大的提高了业务部门用数效率，减少技术部门的人员投入。
PS：Smartbi里边也内嵌了许多 demo供你挑选，立即套入demo,让你的数据可视化更高效方便！Smartbi还提供个人版长期免费使用，有兴趣的小伙伴可以上Smartbi官网

OSPF（Open Shortest Path First开放式最短路径优先）是一种动态路由协议，属于内部网关协议(Interior Gateway Protocol,简称IGP)，是基于链路状态算法的路由协议。
配置OSPF会使用到哪些命令？
1. OSPF
（1）命令功能
ospf命令用来创建并运行OSPF进程。undo ospf命令用来关闭OSPF进程。缺省情况下，系统不运行OSPF协议，即不运行OSPF进程。
（2）使用格式
ospf area-id
//ospf-id为进程号，标识不同进程.
如图所示，启动ospf进程：

2. area
（1）命令功能
area命令用来创建OSPF区域，并进入OSPF区域视图。undo area命令用来删除指定区域。缺省情况下，系统未创建OSPF区域。
（2）使用格式
area area-id
//area-id指定区域的表示，当area-id为0，则为骨干区域。采用整数十进制表示，取值范围0～4294967295。
如图所示，启动ospf进程后创建区域0：


3. network
（1）命令功能
network命令用来指定运行OSPF协议的接口和接口所属的区域。undo network命令用来删除运行OSPF协议的接口。缺省情况下，此接口不属于任何区域

（2）使用格式
network network-address wildcard-mask
// network-address：ospf协议接口所在的网段地址
wildcard-mask：IP地址的反码，也就是相当于将IP地址的掩码反转
（如：C类地址192.168.1.1 子网掩码为：255.255.255.0 那么IP的反码0.0.0.255）
如图所示，启动ospf进程，创建区域0，并指定192.168.2.0所属区域0.：


4. abr-summary
（1）命令功能
abr-summary命令用来在区域边界路由器（ABR）上配置路由聚合。undo abr-summary命令用来取消在区域边界路由器上进行路由聚合（路由聚合：路由选择协议能够用一个地址通告众多网络，目的在缩小路由器中路由选择表的规模，以节省内存。想要详细的介绍可以留言咨询）的功能。缺省情况下，区域边界路由器不对路由聚合。（边界路由器ABR概念在前面几期有介绍过，有兴趣可以去看一看哦）
（2）使用格式
abr-summary ip-address mask
// ip-address：指定聚合路由的IP地址
mask：指定聚合路由的IP地址的掩码
如图所示，启动ospf进程，创建区域1，并指定10.42.10.0和10.42.110.0所属区域0，将这两个IP地址段进行路由聚合成10.42.0.0：


5. asbr-summary
（1）命令功能
asbr-summary命令用来设置自治系统边界路由器（ASBR）对OSPF引入的路由进行路由聚合。undo asbr-summary命令用来取消ASBR对OSPF引入的路由进行路由聚合。缺省情况下，ASBR不对OSPF引入的路由进行路由聚合。
（2）使用格式
asbr-summary ip-address mask
// ip-address：指定聚合路由的IP地址
mask：指定聚合路由的IP地址的掩码
如图所示，对OSPF引入的路由进行路由聚合10.2.0.0


6. authentication-mode
（1）命令功能
authentication-mode命令用来指定OSPF区域所使用的验证模式及验证口令。undo authentication-mode命令用来取消该区域已配置的验证模式。缺省情况下，没有配置区域验证模式。
（2）使用格式
a) authentication-mode { md5 | hmac-md5 | hmac-sha256 } [ key-id { plain plain-text | [ cipher ] cipher-text } ]
b) authentication-mode simple [ plain plain-text | [ cipher ] cipher-text ]
c) authentication-mode keychain keychain-name
// md5 | hmac-md5 | hmac-sha256：分别是三种验证模式
key-id：接口密文验证的验证字标识符，必须与对端的验证字标识符一致。
plain：指定明文类型口令。此模式下只能键入明文，在查看配置文件时以明文方式显示口令
plain-text：指定明文验证字。
cipher：指定密文类型口令。可以键入明文或密文，但在查看配置文件时均以密文方式显示口令。
cipher-text：指定密文验证字。
keychain：使用Keychain验证模式。
keychain-name：指定Keychain名称。
如图所示，指定OSPF区域0使用hmac-md5验证模式：


7. ospf cost
（1）命令功能
ospf cost命令用来配置接口上运行OSPF协议所需的开销。undo ospf cost命令用来恢复接口上运行OSPF所需开销的缺省情况。缺省情况下，OSPF会根据该接口的带宽自动计算其开销值。Loopback接口的开销值是0
（2）使用格式
ospf cost cost
//cost: 运行OSPF协议所需的开销, 整数形式，取值范围是1～65535。缺省值是1。
如图所示，指定接口GE1/0/0运行OSPF协议的开销为65：


8. nexthop
（1）命令功能
nexthop命令用来设置等价路由的优先级。在OSPF算出等价路由后，再根据weight的权重值从这些等价路由中选择下一跳，值越小，优先级越高。undo nexthop命令用来取消路由等价路由的优先级。缺省情况下，weight的取值是255，等价路由不设置优先级，同时转发报文，进行负载分担。
（2）使用格式
nexthop ip-address weight value
//ip-address：指定下一跳的IP地址
weight value：指定下一跳权重。该值越小，路由优先级越高
如图所示，配置下一跳10.0.0.3优先级为1：


9. reset ospf process
（1）命令功能
用来重启OSPF进程.
（2）使用格式
reset ospf [ process-id ] process
// process-id: 指定OSPF进程号。如果没有指定该参数，则重启所有OSPF进程。
如图所示，重启ospf1：


10. peer
（1）命令功能
peer命令用来在NBMA网络上指定相邻交换机的IP地址，并配置DR选举权。undo peer命令用来取消在NBMA网络上指定相邻交换机的IP地址。缺省情况下，没有在NBMA网络上指定相邻交换机的IP地址，也没有配置DR选举权。
（2）使用格式
peer ip-address [ dr-priority priority ]
// ip-address: 指定相邻设备的IP地址
dr-priority priority: 指定相邻设备的优先级，用于DR选举。
11. ospf network-type
（1）命令功能
ospf network-type命令用来设置OSPF接口的网络类型。undo ospf network-type命令用来恢复OSPF接口缺省的网络类型。缺省情况下，接口的网络类型根据物理接口而定。以太网接口的网络类型为broadcast。
（2）使用格式
ospf network-type { broadcast | nbma | p2mp | p2p [ peer-ip-ignore ] }
// broadcast | nbma | p2mp | p2p:OSPF三种网络类型
peer-ip-ignore：指定OSPF在使用广播网类型的接口修改成的点到点接口建立邻居且接口没有配置地址借用时，忽略网段检查。
12. preference
（1）命令功能
preference命令用来设置OSPF协议路由的优先级。undo preference命令用来恢复OSPF协议路由优先级的缺省值。缺省情况下，OSPF路由的优先级为10。当指定ASE时，缺省优先级为150。
（2）使用格式
preference [ ase ] { preference | route-policy route-policy-name }
// ase: 设置AS-External路由的优先级。
 preference: OSPF协议路由的优先级。优先级的值越小，其实际的优先程度越高,取值范围1-255。



display default-parameter ospf 命令用来显示OSPF默认配置信息


display ospf routing命令用来显示OSPF路由表的信息


display ospf abr-asbr命令用来显示OSPF的区域边界路由器和自治系统边界路由器信息。


display ospf asbr-summary命令用来查看OSPF的路由聚合信息。


display ospf brief命令用来查看OSPF的概要信息。


display ospf cumulative命令用来显示OSPF的统计信息。


display ospf error命令用来查看OSPF的错误信息。


display ospf interface命令用来显示OSPF的接口信息


display ospf nexthop命令用来显示OSPF的下一跳信息。


display ospf peer命令用来显示OSPF中各区域邻居的信息


nssa命令用来配置OSPF区域为NSSA区域。


display ospf spf-statistics命令用来查看OSPF进程下路由计算的统计信息。


display ospf lsdb命令用来显示OSPF的链路状态数据库（lsdB）信息。


description命令用来为OSPF区域配置描述信息。


default-route-advertise命令用来将缺省路由通告到普通OSPF区域。


default-cost命令用来指定OSPF发送到STUB区域或NSSA区域的Type3缺省路由的开销。


由于篇幅限制，部分命令不作详细介绍，有问题可以私信留言 “学习” 提问哦~

另外精心整理了一些【OSPF命令配置相关学习资料/文档和思维导图】，来进一步巩固你的基础；



如果大家想要上面的学习资料，点击 “ 学习” 即可免费领取哦！

APNG 是什么？相对于 GIF 有哪些优势？APNG 是一个基于 PNG 格式的位图动画格式图片，因为对于一直以来的特点就是以动态显示为主的 GIF，为了更好地在网络上传播，它需要牺牲质量来降低体积，图像信息比较多的情况下，颗粒感很明显。APNG 是普通 png 图片的升级版，它的后缀依然是.png，包含动态的情况下体积会比普通静态 png 打出数倍，可以做到无损的情况展示动态。其诞生的目的是为了替代老旧的 GIF 格式，但它目前并没有获得 PNG 组织官方的认可。



APNG 全称是 Animated Portable Network Graphics，是 PNG 的位图动画扩展，可以实现 png 格式的动态图片效果。但是 PNG 组织一直都不认可 APNG。因为 PNG 组织也曾做过一个名叫 MNG 的图像格式，希望可以成为 PNG 动画的标准，主流。可惜，MNG 不争气，过多浪费社会资源，以至于 PNG 组织都放弃了。



GIF 是一个非常古老的格式，1987 年诞生，最后一个版本是 1989 年。至今已经足足三十年，却依然未被新的技术所取替，这是为什么呢？

主要有四个原因：

几乎所有的主流浏览器都支持 GIF
	
早期选择不多，GIF 几乎是唯一选择（GIF – 1987、JPEG – 1992、PNG – 1996、APNG – 2004、WebP – 2010）
	
实现起来简单，制作的工具多
	
采用 LZW 数据压缩算法，使得 GIF 体积小，在早期慢速的互联网易于传播
APNG 相对新一些，是 Mozilla 在 2004 年推出的，十几年的科技进步是不容小觑的，所以 APNG 相对于 GIF 的优势十分明显，后面会分析。APNG 格式是 PNG 的扩展，第一帧储存方式和普通的 PNG 一样在 IDAT 区段中，APNG 只是新增了三种区段，所以如果一个软件只支持 PNG 而不支持 APNG 的话，依旧可以显示出图片的第一帧，只是不能动罢了。

APNG 新增的三种区段分别为：

acTL (animation control) 用来存放帧数和播放次数，整个文件只有一个区段
	
fcTL (frame control) 用来存放每一帧的高、宽、位置、延时等信息，每一帧一个区段
	
fdAT (frame data) 用来存放除了第一帧以外后面每一帧的图片数据，采用 Deflate 压缩，每一帧一个区段
关于压缩率

GIF 采用的是 LZW，而 APNG 采用的是 Deflate，再加上 APNG 继承了 PNG 的 filter，利用相邻像素的相似性使压缩率大大提高。

关于颜色

GIF 每个像素只有 8 bit，也就是说只有 256 种颜色，于是很多人误以为 GIF 不支持 24 bit RGB，但实际上，GIF 的限制是每一帧最多只能有 256 种颜色，但是每种颜色可以是 24 bit 的。不过即使是这样，256 种颜色还是太少了，这就导致了 GIF 的画质都比较差。而 APNG 和 WebP 则完全没有这方面的限制。

关于透明

GIF 虽然也支持透明，但是他只支持将某个颜色标记成透明，也就是说他不支持半透明，只支持完全透明或者完全不透明。如果把一个边缘是半透明的图片转换成 GIF，就会出现另一个答案中提到的杂边问题。 而 APNG 和 WebP 都支持 8 bit alpha channel，透明度可以有 256 级。

关于兼容性

GIF 的兼容性不用多说，这也可能是其唯一的优势了吧，因为你可能就找不到不支持 gif 图片格式的浏览器，但是对于 APNG 而言，支持的浏览器只有 Firefox 和 Safari，同时 Chrome 59 也将支持 APNG，但是对于微软下面的 IE 或者 EDGE 嘛，子凡我就笑笑不说话啦！

就目前的各种情况来看，aPNG 还是很难流行或者真正的使用起来，因为对于制作方面还是非常麻烦的，当然如果大家感兴趣可以去看看这个网站（http://littlesvr.ca/apng/），里面就是一些 APNG 制作的软件。

总的来说子凡并不是非常看好 APNG，这里就不得不说到 Google 在 2010 年推出的全部通吃的图片格式：WebP，为什么叫全部通吃呢？因为他既可以有损（替代 JPEG）也可以无损（替代 PNG），还可以动（替代 GIF），并且在压缩率上全面超越了这三种常用的格式。，目前支持 WebP 的只有 Chrome 和 Opera，据说 Firefox 也即将支持 WebP，据说 Safari 也在测试 WebP 的支持。至于 IE 和 EDGE 大家就别想了，子凡也就一笑而过吧！