这篇文章运用简单易懂的例子给大家介绍常见的前端21道面试题及答案，代码非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。
1.如何用原生js给一个按钮绑定两个onclick事件
q：btn.addEventListener("click",hello);
2.document.write和innerHTML的区别；
q：document.write是直接写入到页面的内容流，会导致页面被重写。innerHTML将内容写入某个DOM节点，不会导致页面全部重绘
3.ajax的步骤；
q：(1) 创建XMLHttpRequest对象,也就是创建一个异步调用对象.
(2) 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.
(3)设置响应HTTP请求状态变化的函数.
(4)发送HTTP请求.
(5)获取异步调用返回的数据.
(6)使用JavaScript和DOM实现局部刷新.
4.xml和json的区别；
q：json数据体积小，传递速度快，JSON与JavaScript的交互更加方便，更容易解析处理，更好的数据交互，XML对数据描述性比较好；
5.清楚浮动的方法；（常见）
q：(1).父级div定义 height ;(如果高度和父级div不一样时，会产生问题)
(2).结尾处加空div标签 clear:both;
(2).父级div定义 伪类:after 和 zoom;(IE8以上和非IE浏览器才支持:after)
(2).父级div定义 overflow:hidden;(不能和position配合使用)
6.box-sizing常用的属性;
q：· box-sizing：content-box；(默认属性值，W3C)
· box-sizing：border-box;(IE盒模型)
· box-sizing：inherit;
(box-sizing属性在FireFox中存在兼容问题，所以需要使用-moz-box-sizing做一下兼容)
7.定义和空区别;
问:零:,零类型,代表“空值”代表一个空对象指针,使用typeof运算得到,“对象”
,,,,,未定义:,未定义的类型,当一个声明了一个变量未初始化时,得到的就是未定义的。(时间和null undefined 都表
,,,,,示”值的空缺”,你可以认为未定义的是表示系统级的,出乎意料的或类似错误的值的空缺,而零是表示程序级的,正常
,,,,,的或在意料之中的值的空缺)。
8。null
