刷前端面经笔记（七）

1.描述一下渐进加强和优雅降级

优雅降级(graceful degradation)：一开始就构建站点的完整功能，而后针对浏览器测试和修复。 渐进加强(progressive enhancement)：一开始只构建站点的最少特性，而后不断针对各浏览器追加功能。

2.为何利用多个域名来请求网络资源会更有效？

动静分离请求，使用不一样的服务器处理请求，提升效率； 突破浏览器的并发限制，同一时间针对同一域名下的请求有必定的数量限制。 节约主域名的链接数，从而提升客户端网络带宽的利用率，优化页面响应。

3.HTML5有哪些新特性、移除了哪些元素？

1）绘画标签canvas； 2）用于媒介回放的video和audio元素； 3）本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失； 4）sessionStorage的数据在浏览器关闭后自动删除； 5）语义化更好的内容元素，好比article、footer、header、nav、section； 6）表单控件，calendar、data、time、email、url、search； 7）webworker、websocket、Geolocation； 移除的元素： 1）纯表现的元素：basefont、big、center、font、s、strike、tt 2）对可用性产生负面影响的元素：frame、frameset、noframes

4.display:none;与visibility:hidden;的区别？

相同点：它们都能让元素不可见‘ 不一样点： display:none;会让元素彻底从渲染树中消失，渲染的时候不占据任何空间； visibility:hidden;不会让元素从渲染树消失，渲染元素继续占据空间，只是内容不可见； display:none;是非继承属性，子孙节点的消失因为元素从渲染树消失形成，经过修改子孙节点属性没法显示； visibility:hodden;是继承属性，子孙节点的消失因为继承了hidden，经过设置visibility:visible;可让子孙节点显示； 修改常规流中元素的display一般会形成文档重排。修改visibility属性只会形成本元素的重绘； 读屏器不会读取display:none;元素内容;会读取visibility:hidden;元素内容；

5.CSS去掉inline-block元素间隙的几种方法？

间隙是怎么来的：间隙是由换行或者回车致使的；只要把标签写成一行或者标签没有空格，就不会出现间隙； 去除方法： 方法一： 元素间的间隙出现的缘由，是元素标签之间的空格，把空格去掉间隙就会消失

<div class="itlike">
  <span>lhh</span><span>lhh</span>
</div>
复制代码

方法二： 利用HTML注释标签

<div class="demo">
    <span>lhh</span><!-- --><span>lhh</span>
</div>
复制代码

方法三： 取消标签闭合

<div class="demo">
    <span>lhh
    <span>lhh
    <span>lhh
    <span>lhh
</div>
复制代码

方法四： 在父容器上使用font-size:0;能够消除间隙

<div class="demo">
    <span>lhh</span>
    <span>lhh</span>
    <span>lhh</span>
    <span>lhh</span>
</div>
.demo {font-size: 0;}
复制代码

6.input标签的type种类

button、checkbox、file、hidden、image、password、radio、reset、submit、text