Web前端常见面试题

1.HTML与XHTML的区别

XHTML：

是HTML 4.01的第一个修订版本，是「3种HTML4文件根据XML1.0标准重组」而成的。也就是说，XHTML是HTML 4.01和XML1.0的杂交。并没有引入任何新标签或属性，表现方式与超文本标记语言HTML类似，只是语法上更加严格，几乎所有的网页浏览器在正确解析HTML的同时，可兼容XHTML。原本XHTML只是在内容结构上改进原有的HTML系统，XHTML2.0也仅仅在XHTML1.1的基础上更加注重页面规范和可用性，缺乏交互性。在这个Web App大行其道的年代，XHTML2有些OUT了，于是就催生了HTML5。

HTML5：

HTML5吸取了XHTML2一些建议，包括一些用来改善文档结构的功能，比如，新的HTML标签header、footer、dialog、aside、figure等的使用，将使内容创作者更加语义地创建文档，之前的开发者在这些场合是一律使用div的。

2.onmouseenter 和onmouseover区别

onmouseenter 事件在鼠标指针移动到元素上时触发。

该事件通常与 onmouseleave 事件一同使用, 在鼠标指针移出元素上时触发。

onmouseenter 事件类似于 onmouseover 事件。 唯一的区别是 onmouseenter 事件不支持冒泡 。

3.http和https有什么区别

http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。http的连接很简单,是无状态的,…

HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议

要比http协议安全

4.关于canvas和svg的区别

canvas其绘制出来的图形为标量图

svg，所绘制的图形为矢量图，所以其用法上受到了限制

5.Jsonp的原理

利用< script >标签没有跨域限制的“漏洞”（历史遗迹啊）来达到与第三方通讯的目的。当需要通讯时，本站脚本创建一个< script >元素，地址指向第三方的API网址，形如：< script src=”http://www.example.net/api?param1=1¶m2=2”>< /script >

并提供一个回调函数来接收数据（函数名可约定，或通过地址参数传递）。

第三方产生的响应为json数据的包装（故称之为jsonp，即json padding），形如：

callback({“name”:”hax”,”gender”:”Male”})

这样浏览器会调用callback函数，并传递解析后json对象作为参数。本站脚本可在callback函数里处理所传入的数据。

补充：“历史遗迹”的意思就是，如果在今天重新设计的话，也许就不会允许这样简单的跨域了嘿，比如可能像XHR一样按照CORS规范要求服务器发送特定的http头。