HTML5开发岗面试常见的6道面试题，道道经典

HTML5语言当下最火，由于HTML5应用极广泛，深受欢迎。如何能在面试中提升自己的成功率，很多人明明有技术，但是就是在面试的环节中失败，那么想要能在面试中更有把握，就要对HTML5了如指掌，我们可以从以下几点开始着手分析，由千锋重庆前端的小编给大家6道汇总HTML5常见面试题。

下面，小编先向各位简单的介绍下面试流程。大公司的面试流程分为笔试—项目经理面谈—总监面谈—机试—HR面谈五大部分。笔试题目不会太难，都是些基础题目，且js部分占的比例较多，主要是企业想了解你的前端基础如何；面谈过程都会比较轻松，对方的面试官会在与你聊天的过程中，问你一些相关的技术问题，这个稍后下面着重介绍；机试给你一个页面，然后让你在电脑上用代码写出来；最后才是HR与你谈薪资待遇。

那么，用人企业的项目经理和技术总监一般会问哪些的问题呢，项目经理重基础，问得会比较细，而总监注重架构，全局观。下面小编奉上六个经典的面试问题，都是些基础题，大家仔细看。

问题一：浏览器是怎么对HTML5的离线存储资源进行管理和加载的？

浏览器发现html头部有manifest属性，它会请求manifest文件，如果是第一次访问app，那么浏览器就会根据manifest文件的内容下载相应的资源并且进行离线存储。如果已经访问过app并且资源已经离线存储了，那么浏览器就会使用离线的资源加载页面，然后浏览器会对比新的manifest文件与旧的manifest文件，如果文件没有发生改变，就不做任何操作，如果文件改变了，那么就会重新下载文件中的资源并进行离线存储。离线情况下，浏览器就直接使用离线存储的资源。

问题二：JS中有哪些数据类型呢？

答：JS中有5种数据类型：Undefined、Null、Boolean、Number和String。还有一种复杂的数据类型object，object本质是一组无序的名值对组成的。

问题三：IE浏览器css浮动与兼容性问题

答：浮动之后，需要清除浮动才不会产生问题。现在主流方法是在浮动元素的父级添加一个class，内容为：

.clear:after{content:'';display:block;clear:both;}

.clear{zoom:1;}//这个是为了兼容IE

然后父级添加一个class=“clear”即可

问题四：js放在html的不同位置有什么区别吗？

答：如果使用window.onload函数，将js代码放在其中，则放在哪里都是一样的，因为都是在body加载完再执行的，如果不使用window.onload函数,放在head中的话，代码不会被执行，这是因为html执行顺序，确切的说是js的执行顺序，HTML从上运行到 的时候进入test.js文件。前面的不会运行，也就是被function包起来的不会被运行，这个时候就执行最后一句。去页面中取元素。但是这个时候，HTML页面并没有加载完。所以找不到元素，就会报错。

问题五：移动html5开发流行的框架有哪些？

答：1、jQueryMobile，jQueryMobile是jQuery在手机上和平板设备上的版本。jQueryMobile不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQueryMobile开发团队说：能开发这个项目，非常兴奋。移动web太需要一个跨浏览器的框架，让开发人员开发出真正的移动web网站。

2、jQTouch，jQTouch是一个jQuery的插件，主要用于手机上的Webkit浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的JavaScript库。支持包括iPhone、Android等手机。

问题六：ajax和jsonp的区别是？

答：实现方法完全不一样。ajax的核心是通过XmlHttpRequest获取非本页内容，而jsonp的核心则是动态添加

标签来调用服务器提供的js脚本。以上六条，均是第一轮面试时项目经理会问的HTML5开发工程师技术问题，相信这些面试题目都不难，那就请你一定记住它，祝大家面试成功。如您对文中题目的回答有更好答案，请在下方留言，或是遇到过其他的面试题目，也请您留言与大家分享哦。