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