当前位置: 首页 > Web前端 > HTML

面试攻略1

时间:2023-04-02 14:24:36 HTML

面试攻略1在面试的过程中,总会被问到一些你用过却记不清的知识点点滴滴。现在让我总结一下。Part1:HTML+CSS1.常用的浏览器测试有哪几种?什么是核心(布局引擎)?主要核心:Trident、Gecko、Presto、Webkit。IE(Trident)、Firefox(Gecko)、Opera(Presto)、Chrome(Webkit)2.box-sizing的常用属性有哪些?各自的作用是什么?content-box:在width和height之外绘制元素的padding和border。border-box:为元素指定的任何填充和边框都将在设置的宽度和高度内绘制。inherit:从父元素继承box-sizing属性的值。3、Doctype的作用是什么?标准模式和兼容模式有什么区别?Doctype功能:告诉浏览器的解析器使用什么文档标准来解析这个文档。DOCTYPE缺失或格式错误会导致文档以兼容模式呈现。区别:标准模式的排版和JS运行方式都是以浏览器支持的最高标准运行。在兼容模式下,页面以轻松的向后兼容方式显示,模拟旧浏览器的行为以防止站点崩溃。4.在页面导入样式时,使用link和@import、inline、embedded有什么区别?inline:失去了css的优势,但是优先级最高。embed:样式方法,修改起来比较复杂。@inportant:页面完全加载后导入css。当页面很大时,页面加载时会闪烁。在页面加载前加载css文件5.谈谈你对浏览器核心的理解?主要分为两部分:渲染引擎??(layoutengineer或RenderingEngine)和js引擎。渲染引擎:负责获取网页的内容(HTML、XML、图片等),组织信息(如添加CSS等),计算网页的显示方式,然后输出到显示器或打印机。不同的浏览器内核对网页的语法解释不同,因此呈现的效果也不同。所有Web浏览器、电子邮件客户端和其他编辑和显示Web内容的应用程序都需要内核。JS引擎:解析执行javascript,实现网页动态效果。起初,渲染引擎和JS引擎并没有明确区分。后来JS引擎越来越独立,内核趋向于只指渲染引擎。6、html5有哪些新特性?如何处理HTML5新标签的浏览器兼容性问题?如何区分HTML和HTML5?HTML5不再是SGML的子集,主要是增加图像、定位、存储、多任务处理等功能。拖放API语义更好的内容标签(header,nav,footer,aside,article,section)Audio,videoAPI(audio,video)CanvasAPIGeolocationAPIlocalofflineStorelocalStorage长期存储数据,数据会浏览器关闭后不丢失;sessionStorage的数据会在浏览器关闭后自动删除表单控件,calendar,date,time,email,url,search被新技术移除的元素webworker,websocket,Geolocation纯表达的元素:basefont,big,center,font,s,罢工,tt,u;对可用性产生负面影响的元素:框架、框架集、noframes;支持HTML5新标签:IE8/IE7/IE6支持通过document.createElement方法生成的标签可以利用这个特性让这些浏览器支持HTML5新标签。浏览器支持新标签后,需要添加标签的默认样式:当然,最好的办法是直接使用成熟的框架。最常用的是html5shim框架7。请简要描述您对HTML语义的理解?语义HTML:根据内容(语义内容)的结构,选择合适的标签(语义代码),方便开发者读写更优雅的代码,同时浏览器爬虫和机器都能很好地解析。8、清除浮动的方法有哪些?哪种方法更好?CloseFloat&BFC使用after清浮点的好处原理RunJS清浮点代码第二部分:JS1.js的基本数据类型?null、undefined、boolean、string、number2.js的内置对象有哪些?数据封装类对象:Object、Array、Boolean、Number、String其他对象:Function、Arguments、Math、Date、RegExp、Error3.jsthis,call,apply纯函数调用,this指向全局对象global作为对象方法调用:指向调用他的对象作为构造函数调用,指向新对象。摘要:链接4.eval有什么作用?将对应的字符串解析成JS代码运行。alert(eval('2'+'2'))//alert(4)应该避免使用eval,它不安全而且非常耗性能(2次,一次解析成js语句一次执行)。将JSON字符串转换为JSON对象时可以使用eval,varobj=eval('('+str+')')。5.null和undefined有什么区别?null是代表“无”的对象,转换为值时为0;undefined是表示“无”的原始值,转换为值时为NaN。undefined:(1)当变量被声明但没有赋值时,等于undefined。(2)调用函数时,应该提供的参数没有提供,参数等于undefined。(3)对象没有赋值属性,该属性的值未定义。(4)当函数没有返回值时,默认返回undefined。null:(1)作为函数的参数,表示这个函数的参数不是对象。(2)作为对象原型链的终点。6.新运营商具体是做什么的?(1)创建一个空对象,this变量引用该对象,同时也继承了函数的原型。(2)为this引用的对象添加属性和方法。(3)新创建的对象被this引用,最后隐式返回this。7.对JSON的理解?JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。它基于JavaScript的一个子集。数据格式简单,易于读写,占用带宽小。格式:键值对,例如:{'age':'12','name':'back'}参考采访总结