this优先级：

new绑定（使用new来调用函数）>显式绑定（核心是JavaScript内置的call()和apply()方法）>隐式绑定（谁调用了方法，该方法的this 就指向谁）>默认绑定（独立函数调用时，this 指向全局对象，如果使用严格模式，那么全局对象无法使用默认绑定，this绑定至undefined）

webpack打包命令：

webpack //对项目进行打包
webpack --watch //自动监控文件的改变
webpack --display-modules // 打包时显示隐藏的模块
webpack --display-chunks //打包时显示chunks
webpack --display-error-details //显示详细错误信息

Ie(Ie内核) 火狐（Gecko） 谷歌（webkit） opear(Presto)10.写出几种IE6 BUG的解决方法

1.双边距BUG float引起的 使用display
2.3像素问题 使用float引起的 使用dislpay:inline -3px
3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
4.Ie z-index问题 给父级添加position:relative
5.Png 透明 使用js代码 改
6.Min-height 最小高度 ！Important 解决’
7.select 在ie6下遮盖 使用iframe嵌套
8.为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）

标签上title与alt属性的区别是什么?

Alt 当图片不显示是 用文字代表。
Title 为该属性提供信息

描述css reset的作用和用途。

Reset重置浏览器的css默认属性 浏览器的品种不同，样式不同，然后
重置，让他们统一

解释css sprites，如何使用。

Css 精灵 把一堆小的图片整合到一张大的图片上，减轻服务器对图片
的请求数量

浏览器标准模式和怪异模式之间的区别是什么?

盒子模型 渲染模式的不同
使用 window.top.document.compatMode 可显示为什么模式

你如何对网站的文件和资源进行优化?期待的解决方案包括：

文件合并
文件最小化/文件压缩
使用CDN托管
缓存的使用

什么是语义化的HTML?

直观的认识标签 对于搜索引擎的抓取有好处

17.清除浮动的几种方式，各自的优缺点

1.使用空标签清除浮动 clear:both（理论上能清楚任何标签，，，增加无意义的标签）
2.使用overflow:auto（空标签元素清除浮动而不得不增加无意代码的弊端,,使用zoom:1用于兼容IE）
3.是用afert伪元素清除浮动(用于非IE浏览器)

javascript的typeof返回哪些数据类型

Object number function boolean underfind

例举3种强制类型转换和2种隐式类型转换?

强制（parseInt,parseFloat,number）
隐式（== – ===）

split() join() 的区别

前者是切割成数组的形式，后者是将数组转换成字符串

数组方法pop() push() unshift() shift()

Push()尾部添加
pop()尾部删除
Unshift()头部添加
shift()头部删除

事件绑定和普通事件有什么区别

普通添加事件的方法：

var btn = document.getElementById("hello");
btn.onclick = function(){
    alert(1);
}
btn.onclick = function(){
    alert(2);
}
执行上面的代码只会alert 2 

事件绑定方式添加事件：

var btn = document.getElementById("hello");
btn.addEventListener("click",function(){
    alert(1);
},false);
btn.addEventListener("click",function(){
    alert(2);
},false);
执行上面的代码会先alert 1 再 alert 2

普通添加事件的方法不支持添加多个事件，最下面的事件会覆盖上面的，而事件绑定（addEventListener）方式添加事件可以添加多个。