面试题--1_yuew00 top-CSDN博客

本文链接：https://blog.csdn.net/Yuewting/article/details/82229263

简答题

1. unshift(),shift(),push(),pop(),concat()

答：unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。

shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

push()方法是向数组末尾添加一个或者多个元素，并返回新的长度。

pop()方法删除数组的最后一个元素，把数组的长度减1，并且返回它被删除元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。

concat()方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

slice(start,end) 从某个已有的数组返回选定的元素，从start位开始返回到end（包括start不包括end）如果是负数，表示从数组尾部进行计算（同样：包括start不包括end）,请注意，该方法并不会修改数组，而是返回一个子数组。

splice()：删除功能，第一个参数为第一项位置，第二个参数为要删除几个；

插入功能，第一个参数（插入位置），第二个参数（0），第三个参数（插入的项）;

替换功能，第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项）

注意：splice()与slice()进行区分

补充：改变原数组：pop(), push(), reverse(), shift(), sort(), unshift(),splice()

不改变原数组：concat(), join(), slice()

2. 请编写一段JavaScript脚本生成下面这段DOM结构。要求：使用标准的DOM方法或属性。

<div id=”example”>  

    <p class=”slogan”>pdd</p>

</div>

答：

var div = document.createElement('div');
div.id = 'example';
var p = document.createElement('p');
p.className = 'slogan';
p.innerHTML = 'pdd';
div.appendChild(p);
document.body.appendChild(div);

3. 用css实现带边框的右三角，兼容IE7

答：IE6不兼容transparent, 左右border由 solid改为dashed.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Dom</title>
	<style type="text/css">
		.triangle {
		    display: inline-block;
		    width: 0;
		    height: 0;
		    border-top: 20px dashed transparent;
		    border-right: 20px dashed #463;
		    border-left: 20px dashed transparent;
		    border-bottom:20px dashed transparent;
		}
	</style>
</head>
<body>
	<div class="triangle"></div>
</body>
</html>