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是可缩放矢量图形