2017前端面试题答案 .pdfVIP

3-1什么是BOM？

BOM是browserobjectmodel的缩写，简称浏览器对象模型。

提供了独立于浏览器显示内容而与浏览器窗口进行交互的对象。

BOM主要用于管理浏览器窗口之间的通讯，由一系列相关的对象构成，并且每

个对象都提供了很多方法与属性。通过BOM我们可以学到与浏览器窗口交互的

一些对象，可以移动，调整浏览器大小的window对象，可以用于导航的location

对象与history对象，可以获取浏览器，操作系统与用户屏幕信息的navigator

与screen对象，可以使用document作为访问HTML文档的入口，管理框架

的frames对象等。因此它的核心对象是window。

3-2列举BOM对象？

window对象，是JS的最顶层对象，其他的BOM对象都是window对象的

属性；

document对象，文档对象；

location对象，浏览器当前URL信息；

navigator对象，浏览器本身信息；

screen对象，客户端屏幕信息；

history对象，浏览器访问历史信息；

4、

块级元素(block)特性：

•总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显

示;

•宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控

制;

内联元素(inline)特性：

•和相邻的内联元素在同一行;

•宽度(width)、高度(height)、内边距的

top/bottom(padding-top/padding-bottom)和外边距的

top/bottom(margin-top/margin-bottom)都不可改变，就是里面文字或

图片的大小;

块级元素主要有：

•address,blockquote,center,dir,div,dl,fieldset,form,h1,h2,

h3,h4,h5,h6,hr,isindex,menu,noframes,noscript,ol,p,pre,

table,ul,li

内联元素主要有：

•a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,font,i,

img,input,kbd,label,q,s,samp,select,small,span,strike,

strong,sub,sup,

textarea,tt,u,var

5、（1）减少http请求次数：CSSSprites,JS、CSS源码压缩、图片

大小控制合适；网页Gzip，CDN托管，data缓存，图片服务器。

（2）前端模板JS+数据，减少由于HTML标签导致的带宽浪费，前

端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请

求次数

（3）用innerHTML代替DOM操作，减少DOM操作次数，优化

javascript性能。

（4）当需要设置的样式很多时设置className而不是直接操作

style。

（5）少用全局变量、缓存DOM节点查找的结果。减少IO读取操作。

（6）避免使用CSSExpression（css表达式)又称Dynamic

properties(动态属性)。

（7）图片预加载，将样式表放在顶部，将脚本放在底部加上时间戳。

（8）避免在页面的主体布局中使用table，table要等其中的内容完

全下载之后