Html篇
-
说说你所理解的语义化(举几个标签例子)
section 定义文档中的一个章节的内容
header 定义网页头部内容
footer 定义网页尾部内容
nav 定义文档包含连接的内容
答:
(1)去掉或者丢失样式的时候可以让页面呈现出清晰的结构
(2)有利于SEO和搜索引擎建立良好沟通，有助于爬虫爬取更多的信息。
(3)方便其他设备通过意义的形式解析(屏幕阅读器，盲人阅读器等)
(4)利于团队开发和维护，语义化更具可读性。 -
新标签新特性
答：
emmmmmm 这个明天补上。 -
DOCTYPE有什么作用？标准模式与混杂模式如何区分？它们有何意义?
答：
告诉浏览器以哪个版本的HTML规范来渲染文档，DOCTYPE不存在会导致HTML文档以混杂模式呈现。
标准模式是以浏览器支持的最高标准来运行。
混杂模式中页面以一种比较宽松的向后兼容的模式呈现。
Css篇
- 盒模型
答：
是什么？每个元素在页面中被表示为一个矩形的盒子，由四部分组成，内容(content),内边距(padding),边框(border),外边距(margin)。它在页面中实际占有的大小为content+padding+border+margin之和。
两种盒模型的区别？有标准盒模型(W3C盒模型)和IE盒模型之分。
标准盒模型的内容大小为：content的大小
IE盒模型的内容大小为：content + padding + border
怎么设置两种盒模型：设置box-sizing属性 content-box(为标准盒模行) border-box(为IE盒模型)
如果设置子元素的maring和border会破坏父元素的布局时，就可以使用IE盒模型
-
flex布局
答：。。。flex布局里面有了。 -
css单位
px 绝对单位：页面按照精确像素展示
em 相对单位 其基点为父元素font-size的大小，不是一个绝对值(浏览器默认字体大小为16px)
rem 相对单位 可以理解为 root em 根据根元素HTML为基点font-size大小来确定字体大小 -
页面导入样式时，使用link和@import有什么区别？
Js篇
- 原型 原型链
原型是function对象的一个属性，它定义了构造函数创造出对象的共有祖先，通过构造函数产生的对象可以继承该原型的属性和方法。
原型对象 Person.prototype 可以在上面添加一些属性和方法，我们封装链表呀就是在原型上添加方法。
构造函数属性 constructor 默认实例的constructor属性指向构造函数
原型应用可以避免了工厂模式繁琐的每次添加同一个属性，而是可以直接添加到原型链上供所有实例使用。
proto 内置属性：实例的__proto__属性指向构造函数的原型对象
原型链
Father.prototype.age = 18;
function Father(){
this.name = ‘xxx’
}
Son.prototype = new Father();
function Son(){
}
var son = new Son();
当son实例访问age和name属性时，首先发现自身没有便会通过自己的__proto__属性找到构造函数Son的原型对象指向father的实例，这时候可以集成到了name属性，再网上继承可以集成到原型链上的age属性。
- 构造函数
构造函数(车厂模式)为了避免重复定义一些相同key值的数据。
function Car(color,name){
this.color = color;
this.name = name;
}
通过关键字new来创建对象
var car1 = new Car(‘red’,‘BMW’);
使用new操作符的时候发生了什么？
1.var obj = {};
创造了一个新的对象
2.obj.proto = Person.prototype
让新对象的内置属性__proto__指向Person.prototype将新生成的对象的__prop__属性赋值为构造函数的prototype属性，使得通过构造函数创建的所有对象可以共享相同的原型。
3.Person.call(obj)
将构造函数的作用域赋给新对象，因此Person函数中的this指向新对象obj
4.return obj;
返回这个新对象
- js数据类型判断
1.typeof 返回的有 null undefined Object Number String Boolean Symbol function
缺点不能准确的返回引用值的精确类型
2.instanceof
instanceof用来判断A是否为B的实例，表达式为：A instanceof B，如果A是B的实例，则返回true，否则返回false。
3.constructor
实例的constructor属性指向他的构造函数
4.Object.prototype.toString()
toString()是Object的原型方法，调用该方法，默认返回当前对象的[[Class]]。这是一个内部属性，其格式为[object Xxx],其中Xxx就是对象的类型。
Object.prototype.toString.call(“str”); [Object String];
浏览器篇
- 浏览器内核？
五大主流浏览器
IE、Firefox、Chrome、Safari、Opera
内核：
1、IE浏览器内核：Trident内核，也是俗称的IE内核；
2、Chrome浏览器内核：以前是Webkit内核，现在是Blink内核；
3、Firefox浏览器内核：Gecko内核，俗称Firefox内核；
4、Safari浏览器内核：Webkit内核；
5、Opera浏览器内核：最初是自己的Presto内核，后来是Webkit，现在是Blink内核；
