2017攜程Web前端實習生招聘筆試題總結

• 考察encodeURI
• 考察linux
• 考察BOM對象
  • 系統對話框
• 考察==和===的區別
• 考察Date類型
• 考察CSS3
• 考察？
• 不能觸發layout和paint的是?
• 考察canvas
• 考察閉包
• 考察執行環境與做用域
• 談談對this的理解
• 考察ES6
• 附加題，見button.html

考察encodeURI

encodeURI(), decodeURI()它們都是Global對象的方法。

• encodeURI()經過將某些字符的每一個實例替換表明字符的UTF-8編碼的一個或多個轉義字符來編碼URI。規則以下：
  1. 不會編碼保留字符 ; , / ? : @ & = + $
  2. 不會編碼未轉義的字符：字母，十進制數字以及- _ . ! ~ * ' ( )
  3. 不會編碼Number sign:#
  4. 須要注意：因爲'&', '+', '='未被編碼，在GET和POST請求中被視爲特殊字符，因此encodeURI不能造成適當的 HTTP GET 和POST請求。所以，要使用encodeURIComponent()來編碼部分字符。
• encodeURIComponent()會將傳入的部分字符串部分所有進行編碼。它的編碼規則以下：
  1. 未轉義的字符：字母，十進制數字以及- _ . ! ~ * ' ( )
  2. 除了上面的字符，其餘字符都會被編碼。
• decodeURI()做用和encodeURI()相反。
• decodeURIComponent()做用和encodeURIComponent()相反

考察linux

linux文件和目錄的惟一標識符是什麼？

inodes節點

考察BOM對象

其餘的見Github

系統對話框

這個東西是最開始學習JavaScript瞭解了的，可是好久不看就有點兒記不清楚了。因此從新總結一下。

一共有三種系統對話框，以下：

// alert()

// confirm('Are you a boy?')
if(confirm('Are you a boy')) {
    console.log(true);
} else {
    console.log(false);
}

// prompt(), 參數有兩個，第二個可選。
// 第一個參數顯示給用戶的提示信息，第二個參數是文本輸入域的默認值
var result = prompt('Please write your name:' + 'john'); 
var result2 = prompt('Please write your name:'); 
if(result2 !== null) {
    console.log(result2);
}

考察==和===的區別

'=='會轉型。

'==='不會轉型。

0 == '0' // true
0 === '0' // false

考察Date類型

Date.parse('1900-01-19');

// -2207433600000

1. 建立一個日期對象, var now = new Date(), 新對象自動得到當前時間和對象。

2. 若是想根據指定日期和時間的話，就必須傳入該日期的毫秒數(從UTC時間1970年1月1日起)。
   • Date.parse('May 25, 2004'), 轉成毫秒數。 (UTC時間)
   • Date.UTC(2005, 4, 5, 17, 55, 55), 轉成毫秒數。2005-05-05-17-55-55。(GMT時間)
   • new Date()會模仿上面2種方法，也就是說能夠直接向Date()構造函數傳入上面兩種參數的一種。
   • 可是有一點兒區別，new Date()模仿的時候，都是根據UTC(世界協調時間)時間建立的，而非GMT(格林尼治標準時間)建立。

考察CSS3

下列不是transition-timing-function的單位的是？

• linear
• 100ms
• inherite
• steps(10)

考察？

(50|2 == 50)
(50|16 == 50)
(50|4 == 50)
(50|32 == 50)

不能觸發layout和paint的是?

考察canvas

考察閉包

function a() {
    var arg = [];   
    for(var i = 0;i < 10;i++) {
        arg[i] = function() {
            return i;
        };
    }
    return arg;
}

a()[1](); // 10

考察執行環境與做用域

var scope = 1;
function p() {
    var scope;
    console.log(scope);
    scope = 3;
}

p(2); // 2

談談對this的理解

考察ES6

附加題，見button.html