您的当前位置:首页正文

HTML5面试题汇总,你遇到了几个?

来源:华拓网

近两年,HTML5发展的越来越快,HTML5开发工程师也变得异常吃香,即使是到了今年的毕业季,HTML5开发的市场依然辽阔。HTML5开发工程师的薪资福利也水涨船高。

那么,想要从事HTML5开发行业,需要了解哪些HTML5相关的面试技巧呢?接下来的内容,你可要仔细看哦!

问题一:浏览器是怎么对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脚本。

以上几个问题,基本上都会被项目经理提及的,大家一定要记住哦,祝各位面试成功!

2018,思途和你,与梦同行~