58同城2018校招前端笔试题总结

1. 用js实现一个随机打乱数组顺序的函数，要求可以设定数组中任意1个字符的位置不变，其他位置的元素位置随机变化

思路：函数接受两个参数：第一个参数是原数组，第二个参数是指定的位置不变的元素的下标。当数组中需要比较额两个元素中，任意一个不是指定的位置不变的元素时，就可以随机交换两个元素的位置。

function randomSort(arr,n){
    var newarr = arr.sort(function(v1,v2){
        if(arr.indexOf(v1)!==n && arr.indexOf(v2)!==n){
            return Math.random()-0.5;
        }
    });
    console.log(newarr);
}
randomSort([0,1,2,3,4,5,6,7,8], 4);

2. 用js实现比较APP版本号的大小的函数，版本号格式由数字和 . 组成，版本号为 1.1.2  1.10  1.2.3

思路：split方法将输入的版本号转换成数组，逐个比较

function compare(v1,v2){
    var arr1 = v1.toString().split(‘.‘).map(function(item){
        return parseInt(item);
    });
    var arr2 = v2.toString().split(‘.‘).map(function(item){
        return parseInt(item);
    });
    console.log(arr1,arr2);
    var min = Math.min(arr1.length, arr2.length);
    var pos = 0,
        diff = 0;
    while(pos < min){
        diff = arr1[pos] - arr2[pos];
        if(diff !==0){
            break;
        }
        pos++;
    }
    if(diff > 0){
        console.log(v1 + ‘>‘ + v2);
    }else if(diff == 0){
        console.log(v1 + ‘=‘ + v2);
    }else{
        console.log(v1 + ‘<‘ + v2);
    }
}
compare(‘1.1.1‘,‘1.1.1‘);  //1.1.1=1.1.1

问答题：

css隐藏元素的方法和区别

display:none;   opacity:0;  visibility:hidden;

移动端开发中适配各种屏幕尺寸的解决方案      viewport    媒体查询

<meta name=‘viewport‘ content=‘width=device-width, initial-scale=1‘>

考点： ES6 模板字符串、ES6解构、 正则校验、flex布局（垂直水平居中）、HTTP状态码、HTML5链接、 let/var