关于面试

语义化标签：

语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。

通过

标签写段落，通过标签写标题，

meta viewport是做什么的，怎么写？

控制窗口 内容=设备宽度,最初缩放=1,最大缩放=1

历史缘由:起源于乔布斯发布的ipone 3GS,页面不适配手机 屏幕,于是ios的工程师把手机模拟成980px,缩小网页;由于智能机的普及,不在需要缩小网页了

Css盒模型

当使用content-box时：页面将采用标准模式来解析计算，content-box也是默认模式
当使用border-box时，页面将采用怪异模式解析计算，怪异模式也称为IE模式
当使用inherit时：页面将从父元素继承box-sizing的值

image.png

标准盒模型:width=content
IE盒模型:width=content+padding

reset和normalize

reset:粗暴的将样式全部重置
normalize:让所有浏览器的标签都跟标准规定的默认样式一致,个浏览器上的默认标签样式基本统一

css居中方式?

有7种

选择器如何确定优先级?

1.看权重:以下是递减,!import最高

!important
内联(1,0,0,0)
id: (0,1,0,0)
类：(0,0,1,0)
伪类/属性
元素：(0,0,0,1)
通配符

2.选择器越具体,优先级越高
3.同样的优先级,后来的覆盖前面的

BFC是什么?

• 不要直接说BFC是什么,只能说BFC是怎么形成的,怎么清除BFC
• overflow:hidden清除浮动

清除浮动

overflow:hidden清除浮动

clearfix::after{
  content:"";
  display:  block;
  clear:both;
}
.clearfix{   //IE兼容需要加上
  zoom:1  
}

JS数据类型:

7种:字符串、数字、布尔、symbol、对象、Null、Undefined

数据类型又分为原始类型和复杂类型

• 数值、字符串、布尔值称为原始类型（primitive type）的值，即它们是最基本的数据类型，不能再细分了。
• 将对象称为复杂类型（complex type）的值，因为一个对象往往是多个原始类型的值的合成，可以看作是一个存放各种值的容器
• 至于undefined和null，一般将它们看成两个特殊值。

Object又分为

狭义的对象（object）
数组（array）
函数（function）  
正则表达式 (regexp)
typeof运算符

手写Ajax:

var xhr = new XMLHttpRequest();
xhr.open('get', 'http://rapapi.org/mockjsdata/31645/index/hotLists?', true);
xhr.send();
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText )
  }esle{
    console.log(error)
  }
};