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
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等。