前端基础面试题汇总 .pdfVIP

多练出技巧巧思出硕果

1.行内元素和块级元素有哪些？有什么区别？

块级：divuloltableh1…….h6p

行内：a、br、i、img、input、strong

区别：块级元素的W、H、margin和padding都可以控制

行内元素的W、H，以及margin和padding的top和bottom不能控制

2.介绍所知道的CSShack技巧

由于不同的浏览器对CSS的支持和解析结果不同，所以可以使用CSShack来对不同的浏览器写

不同的CSS样式，常见的有（_，*，!important）

3.CSS定位方式有哪些？position的属性值之间的区别是什么

static(静态)没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。

relative(相对定位)对象不可层叠、不脱离文档流，参考自身静态位置通过

top,bottom,left,right定位，并且可以通过z-index进行层次分级。

absolute(绝对定位)脱离文档流，通过top,bottom,left,right定位。选取其最近一个最有定位设

置的父级对象进行绝对定位，如果对象的父级没有设置定位属性，absolute元素将以body坐标

原点进行定位，可以通过z-index进行层次分级。

fixed（固定定位）这里所固定的参照对像是可视窗口而并非是body或是父级元素。可通过z-index

进行层次分级。

4.类的定义方法（prototype）（继承）

varObj3=newFunction();

Ototype={

v1:,

get_v1:function(){

returnthis.v1;

},

set_v1:function(v){

this.v1=v;

}

};

5.DOM操作

1.向当前对象追加节点

varpara=document.createElement(p);

varnode=document.createTextNode(这是新段落。);

para.appendChild(node);

2.移除当前节点的子节点,并返回节点

varchildnode=document.getElementById(child);

varremovednode=document.getElementById(father).removeChild(childnode)

3.复制并返回当前节点（复制节点本身，不复制子节点）

varul=document.getElementByIdx_xx_x(myList);//获得ul

vardeepList=ul.cloneNode(true);//深复制

varshallowList=ul.cloneNode(false);//浅复制

多练出技巧巧思出硕果

6.在当前节点插入一个新节点

varlovespan=document.getElementById(lovespan);//获取id

varnewspan=document.createElement(span);

varnewspanref=document.body.insertBefore(newspan,lovespan);

newspanref.innerHTML=鱼与;

7.替换节点内容

vardt=document.getElementById(test);//通过id获取该div

dt.innerHTML=abc;//把内容替换成abc

8.什么是闭包，闭包的作用是什么？

闭包：是指有权访问另外一个函数作用域中的变量的函数。

作用：可以很大程度上减少全局作用域中的变量，净化全局作用域。在javascript中没有块级

作用域，一般为了给某个函数声明一些只