面經總結歸納整理（牛客網）

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

https://www.nowcoder.com/discuss/67508?type=2&order=3&pos=21&page=1

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

知識點：
①正則表達式（基礎知識）：http://www.runoob.com/regexp/regexp-metachar.html
②常見的正則表達式的用法：https://www.cnblogs.com/fozero/p/7868687.html
題目分析：
^：匹配輸入字符串的起始位置
$：匹配輸入字符串的結束位置
13：普通數字匹配
[1-9]：匹配1-9中的數字
{8}：匹配確定的8次

題目：2. 移動端，如何在html中通過鏈接調起撥打電話<a href="tel:10086">10086</a>

3. 以下代碼的輸出結果：

{
    var t=‘teacher’;
    let s=‘student’;
}
console.log(t);
console.log(s);

答案：“teacher” ; Uncaught ReferenceError: s is not defined
知識點：變量聲明中let和var的區別
題目分析：var會發生變量提升問題，而let不會。
let是ES6新增的變量聲明
參考資料：阮一峯的ES6入門書

4. HTTP協議的狀態碼200、400、500分別代表什麼？

答案：200: OK; 400: Bad Request; 500: Internal Server Error

5. JavaScript算術運算：

		   ‘10’+ 1結果爲‘101’ 
		   ‘10’-1結果爲9

6. var ting = 1, shi=3, wei=2;用ES6字符串模板的方式輸出：1室3廳2衛。

答案：${ting}室${shi}廳${wei}衛
知識點：ES6中的模板字符串
題目分析：在模板字符串中，嵌入變量，需要將變量名寫在${}之中。

7. 用ES6解構的方式，將下面代碼中的obj.name賦值給n，obj.age賦值給a

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

答案：let {name: n, age: a} = obj;
知識點：ES6中的對象的解構賦值
題目解析：
變量與屬性同名情況下，var { bar,foo } = { foo:“aaa”,bar:“bbb”} ,次序不一致不重要；
變量名與屬性不一致（題目這種情況）：var {foo:baz} = {foo:"aaa",bar:"bbb"}; baz //"aaa"

8. HTTP協議默認的端口號__80__,HTTPS協議的端口號__443__

9. 名詞解釋：MVC：_____ 、MVP：_____ 、MVVM：_______

答案：model-view-controller、model-view-presenter、model-view-view-model
答案解析：（三者的區別和使用的場合）https://blog.csdn.net/victoryzn/article/details/78392128

10. Flex佈局實現容器box內部元素item垂直居中對齊。

答案：.box {display: flex; align-items: center }