前端面试集锦

101 阅读3分钟

1、请针对以下代码添加css实现div满屏

<html>

<body>

<div></div>

</body>

</html>

2、添加样式确保登陆窗口屏幕居中

<html>

<body>

<div class="login"></div>

</body>

</html>

3、如何将多位数组转换成一维数组

var arr=[1,[3,4],[8,9,7],[5,[11,12]20]];

4、在Jquery中如何动态的设置checkbox的选中与取消选中(可以通过点击button按钮来触发)

<div>

<input type="checkbox" id="chkType" /><label for="chkType" id="iblType">类型</label>

<button id="btnSelect">选择</button>

</div>

5、写出以下表达式的结果

var value=5;

console.log('%s,%s,%s'.value==="5",value=='5',[]=[]);

6、现页面body内仅有一个div元素。并有如下js代码:

<div id="element"></div>

<script>

setTimeout(function(){

var r=parseInt(Math.randome()*100);

var a='<a m"'+(r+1)+'">'+r+'</a>';

$("#element").append(a);

},1000);

// TODO 代码放到这里执行

</script>

要求任意时间点击div内的任意a标签,都要将该a标签的属性m和内容相加并alert出来。

写出相应的可执行代码,代码将放到对应的TODO处执行。

7、 var k=c=0;

function a(n){

return n?(n-1)*a(n-1):n;

k++,c++;

if(c>10) renturn c;

}

执行a(5)的返回值是什么?执行a(5)后的k和c的值分别是什么?

8、function cc(i){

if(i==3){i+=2}

if(i==5){i--}

if(i==4){i-=2}

return i;

}

for(var i=2;i<6;i++){

console.log(cc(i));

}

问输出结果是什么?

9、写出一个方法将字符串”abcdefg“逆序为”gfedcba“;

10、<body>

<input type="radio" name="hello">

<script>

//这里需要写入代码让radio为选中状态,可以Jquery

</script>

</body>

11、javascript的typeof返回哪些数据类型

12、列举三种强制类型转换和2中隐式类型转换?

13、split() join()的区别

14、数组方法 pop() push() unshift() shift()分别是什么作用?

15、ajax请求时,如何解释json数据

16、"=="和"==="的不同

17、编写一个数组去重的方法

18、用过哪些第三方插件

19、用js写一个冒泡排序

20、编写一个javascript函数,作用是将URL参数解析成为一个对象

url="http://localhost:8080/dcv_jupitor1?admin=123&password=123&port=3"

21、代码目的:从0开始隔10秒按顺序出现“第一次出现”,“第二次出现”,“第三次出现”。

var datas=["第一次出现","第二次出现","第三次出现"];

for(var i=0;i<data.length;i++){

setTimeout(function(){

//请写出实现代码

},10000)

}

21、编写一个javascript 函数,作用是将数组内对象按照一定顺序进行排序,且可通过参数决定升降序

如 数组 list=[{"name":'first',"index":1},{"name":'third',"index":3},{"name":'fourth',"index":4}]

22、ajax是什么?同步和异步的区别?