diaplay:none
如果是<img>，则所有浏览器都会请求资源
如果是background-image，则IE会请求，Firefox不会请求，有父元素包裹的且父元素设置display:none的不会请求
display:none并不影响表单提交数据，disabled会影响
H5新增的布尔值属性hidden,可以让元素天生display:none隐藏。ie11以下需要如下设置：
[hidden] { display: none; }
dispaly:none不会影响animation，但会影响transition，所以transition和visibility走的比较近
CSS计数器counter会忽略display:none的元素
visibility:hidden
不仅仅是保留空间这么简单
继承性：父元素设置，子元素也会隐藏，但子元素设置visibility:visable则子元素显示
visibility不会影响计数器counter
t'ransition支持visibility属性，但不支持display属性
相比display:none，visibility:hidden在隐藏之后依然可以获得元素的坐标及宽高，利于js交互