web前端面试题201632

WEB前端面试题1.HTML5中canvas是什么？2.你能解释一下CSS的盒子模型么？3.请描述一下cookies，sessionStorage和localStorage的区别？4.HTML5中的应用缓存是什么？5.HTML5应用程序缓存和浏览器缓存有什么区别？6.怎么让宽200px高200px的容器在页面中水平垂直居中？7.请尽可能详尽的解释AJAX的工作原理8.如何实现浏览器内多个标签页之间的通信?9.实现不使用border画出1px高的线，兼容常见浏览器10.CSS3有哪些新特性？11.介绍js的基本数据类型。12.javascript代码中的usestrict;是什么意思?使用它区别是什么？二．程序运行题（1）程序要求，点击每一项，弹出对应下标functiononMyLoad(){vararr=document.getElementsByTagName(p);for(vari=0;iarr.length;i++){arr[i].onclick=function(){alert(i);}}}/script/headbodyonload=onMyLoad()p产品一/pp产品二/pp产品三/pp产品四/pp产品五/p/body（2）什么会被打印在控制台上？(function(){vara=b=5;})();console.log(b);console.log(a);/script（3）执行这段代码，输出什么结果？scriptfunctiontest(){console.log(a);console.log(foo());vara=1;functionfoo(){return2;}}test();/script（4）执行结果scriptvarfullname='JohnDoe';varobj={fullname:'ColinIhrig',prop:{fullname:'AurelioDeRosa',getFullname:function(){returnthis.fullname;}}};console.log(obj.prop.getFullname());vartest=obj.prop.getFullname;console.log(test());/script