1. 程式人生 > >58同城2018秋招前端筆試試題

58同城2018秋招前端筆試試題

一、填空題(10題)

1. 號碼段為131到139的11位手機號碼正則校驗: /^13[1-9][0-9]{8}$/

2. 移動端,如何在html中通過連結調起撥打電話<a href="tel:10086">10086</a>

3. 以下程式碼的輸出結果: "teacher" ; Uncaught ReferenceError: s is not defined

{

    var t=‘teacher’;

    let s=‘student’;

}

console.log(t);

console.log(s);

  

4. HTTP協議的狀態碼200、400、500分別代表什麼?200: OK; 400: Bad Request; 500: Internal Server Error

5. JavaScript算術運算:‘10’+ 1結果為‘101’ ‘10’-1結果為96. var ting = 1, shi=3, wei=2;用ES6字串模板的方式輸出:1室3廳2衛。`${ting}室${shi}廳${wei}衛`

7. 用ES6解構的方式,將下面程式碼中的obj.name賦值給n,obj.age賦值給a:let {name: n, age: a} = obj;

let obj = {name:’韓梅梅’, age:’20’};

let n, a;

8. HTTP協議預設的埠號__80__HTTPS協議的埠號__443__

9. 名詞解釋:MVCmodel-view-controller

、MVPmodel-view-presenter、MVVMmodel-view-viewmodel

10. Flex佈局實現容器box內部元素item垂直居中對齊。.box {display: flex; align-items: center }

二、簡答題(5題)

1. CSS3的box-sizing的取值及各值的說明。

2. 請寫出下列程式碼的執行結果:

function switchCase(value){

    switch(avlue){

        case ‘0’:console.log(‘case 0’);

        case ‘1’:console.log(‘case 1’);break;

        case undefined:console.log(‘undefined’);break;

        default:console.log(‘default’);

}

}

  

// 寫出下列輸出結果

switchCase(0);

switchCase(‘0’);

switchCase();

3. 列舉出通過CSS樣式隱藏元素的方法,並說明其區別。

4. 請寫出下面程式碼的執行結果:

var s = {

    s: ‘student’,

    getS: function(){

    console.log(this.s);

}

};

var t = {

    s: ‘teaher’

};

  

var getS = s.getS;

var getS1 = getS.bind(s);

  

// 寫出以下輸出結果

s.getS();

s.getS.apply(t);    

getS();

getS1.call(t);

5. 列出移動端開發中適配各種螢幕尺寸的解決方案(至少3種)

三、應用題(2題)

1. 用js實現一個隨機打亂陣列順序的函式,要求可以設定陣列種任意1個元素的位置不變,其他位置的元素位置隨機變化。

2. 用js實現一個比較APP版本號的大小的函式,版本號各市由數字和.組成。例如:1.1.0、1.10、1.2.3等。