六个经典的HTML5面试问题奉上，太有用啦！

Posted 2021-10-29 程序员的小傲娇

随着移动互联网时代的到来，html5流行风盛行，HTML5开发工程师在人才市场中变得非常吃香。而2021年的今天，招聘网站上的HTML5开发工程师职位数量依旧庞大。那么求职者们怎样才能成功的面试上HTML5开发工程师岗位呢？

除了要有一份精美的简历，还得做好充足的面试准备，其中最重要的是需要了解一些用人企业常问的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.函数，将js代码放在其中，则放在哪里都是一样的，因为都是在body加载完再执行的，如果不使用window.函数,放在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效果的Java库。支持包括iPhone、android等手机。

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

答：实现方法完全不一样。ajax的核心是通过获取非本页内容，而jsonp的核心则是动态添加标签来调用服务器提供的js脚本。

以上小千分享的这六条均是头一轮面试时项目经理会问的HTML5开发工程师技术问题。相信这些面试题目都不难，那就请你一定记住它，祝大家面试成功。

本文来自千锋教育，转载请注明出处。