移动端农行大转盘

CSS部分

body{font:400 16px/1.5 "Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}//不解释

a,button,input,img,p,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}//安卓手机上,用户的tap操作会使标签出现外边框

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;}//移动端的input框在获取焦点后,出现技术分享

js部分

null  全局变量小写,定义dom数组存储经常查找的dom节点,

img部分

jpg  png  gif   

1.jpg特性: 

* 支持图像高级压缩,可利用压缩率控制图像文件大小。JPEG是一种有损压缩格式,用户可以设置自定义质量级别,这个级别决定了有多少图像的信息被丢掉。质量级别的从0到100,但是就算设置了100,也同样会有一定程度的质量损耗。 
* 不适用于所含颜色很少,具有大块颜色相近的区域或亮度差异明显的简单图片;不支持透明或动画
 适合JPG储存的图像: 对于写实的摄影图像或是颜色层次非常丰富的图像采用JPG的图片格式保存一般能达到最佳的压缩效果。 
品质设置:不要存100%的jpg格式图片;谨慎使用50%品质以下的压缩率。 
优化:建议使用”优化JPG“格式以获得最大文件压缩量,但是一些较旧的浏览器不支持此特性。

2.PNG特性: 

* 对于需要高保真的较复杂图像,PNG虽然能无损压缩但图片文件较大,不适合应用在web页面上。 

PNG格式有PNG8、PNG24、PNG32 PNG8是调色板PNG的别称 
PNG24是真彩色PNG的别称,但不包含alpha通道。

PNG32是真彩色PNG的别称,包含alpha通道

1、图像上颜色较少,并且主要以纯色或者平滑的渐变色进行填充。 
 2、具备较大亮度差异以及强烈对比的简单图像。 
 
 
3.gif特性:
gif是一种无损压缩,,图片支持逐行扫描和隔行扫描,,

当生成GIF文件时,会使用一种压缩算法(叫做LZW)来减少文件的大小。但压缩GIF
时,会从上到下一行一行地对像素进行扫描。这种情况下,当图像在水平方向有很多重复的颜色时,可以获得更好的压缩效果。比如,一张500*10像素的图像(500px款10px高),图像上包含一些条文,就是说水平方向是由相同的颜色线条组成,将此图旋转90度后(10px宽500px高)。其垂直方向是由相同的颜色的线条组成,此后者的文件大于前者。

*附4、SVG格式的特性:svg是可缩放矢量图形

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。