阿里前端開發(fā)校招面試題(電試),很多東西沒去關(guān)注,沒去使用發(fā)現(xiàn)自己已經(jīng)忘記了,難怪別人說出來工作之后最聰明的是“面試的時(shí)候”。一點(diǎn)也不假啊,想當(dāng)初我面試時(shí),什么AMD、CMD、Nodejs、HTTP協(xié)議,CSS模式、javascript面向?qū)ο?順手捏來,入職后沒接觸這些東西,又不太熟悉了。本文僅為復(fù)習(xí),溫故知新。

1. CSS 盒子模型,絕對(duì)定位和相對(duì)定位

1)清除浮動(dòng),什么時(shí)候需要清除浮動(dòng),清除浮動(dòng)都有哪些方法

2)如何保持浮層水平垂直居中

3)position 和 display 的取值和各自的意思和用法

4)樣式的層級(jí)關(guān)系,選擇器優(yōu)先級(jí),樣式?jīng)_突,以及抽離樣式模塊怎么寫,說出思路,有無實(shí)踐經(jīng)驗(yàn)

2. JavaScript 基礎(chǔ)

1)JavaScript 里有哪些數(shù)據(jù)類型,解釋清楚 null 和 undefined,解釋清楚原始數(shù)據(jù)類型和引用數(shù)據(jù)類型。比如講一下 1 和 Number(1) 的區(qū)別

2)將一下 prototype 是什么東西,原型鏈的理解,什么時(shí)候用 prototype

3)函數(shù)里的this什么含義,什么情況下,怎么用。

3)apply 和 call 什么含義,什么區(qū)別?什么時(shí)候用。

4)數(shù)組和對(duì)象有哪些原生方法,列舉一下,分別是什么含義,比如鏈接兩個(gè)數(shù)組用哪個(gè)方法,刪除數(shù)組的質(zhì)定項(xiàng)。

3. JavaScript 的面向?qū)ο?/span>

1)JS 模塊包裝格式都用過哪些,CommonJS、AMD、CMD、KMD。定義一個(gè)js 模塊代碼,最精簡(jiǎn)的格式是怎樣。

2)JS 怎么實(shí)現(xiàn)一個(gè)類。怎么實(shí)例化這個(gè)類。

3)是否了解自定義事件。jQuery里的fire函數(shù)是什么意思,什么時(shí)候用。

4)說一下了解的js 設(shè)計(jì)模式,解釋一下單例、工廠、觀察者。

5)ajax 跨域有哪些方法,jsonp 的原理是什么,如果頁面編碼和被請(qǐng)求的資源編碼不一致如何處理?

4. 開源工具

1)是否了解開源的工具 bower、npm、yeoman、Grunt、gulp,有無用過,有無寫過,一個(gè) npm 的包里的 package.JSON 具備的必要的字段都有哪些(名稱、版本號(hào),依賴)

2)fiddle、charles 有沒有用過,什么時(shí)候用

3)會(huì)不會(huì)用 ps 扣圖,png、jpg、gif 這些圖片格式解釋一下,分別什么時(shí)候用。是否了解webp

4)說一下你常用的命令行工具

5)會(huì)不會(huì)用git,說上來幾個(gè)命令,說一下git和svn的區(qū)別,有沒有用git解決過沖突

5. 計(jì)算機(jī)基礎(chǔ)

1)說一下網(wǎng)絡(luò)五層模型(HTTP協(xié)議從應(yīng)用層到底層都基于哪些協(xié)議),HTTP 協(xié)議頭字段說上來幾個(gè),緩存字段是怎么定義的,http和https的區(qū)別,在具體使用的時(shí)候有什么不一樣。是否盡可能詳細(xì)的掌握HTTP協(xié)議。

2)cookies 是干嘛的,服務(wù)器和瀏覽器之間的 cookies 是怎么傳的,httponly 的 cookies 和可讀寫的 cookie 有什么區(qū)別,有無長(zhǎng)度限制

3)從敲入 URL 到渲染完成的整個(gè)過程,包括 DOM 構(gòu)建的過程,說的約詳細(xì)越好。

4)是否了解web注入攻擊,說下原理,最常見的兩種攻擊(XSS 和 CSRF)了解到什么程度。

5)是否了解公鑰加密和私鑰加密。如何確保表單提交里的密碼字段不被泄露。驗(yàn)證碼是干嘛的,是為了解決什么安全問題。

6)編碼常識(shí):文件編碼、URL 編碼、Unicode編碼 什么含義。一個(gè)gbk編碼的頁面如何正確引用一個(gè)utf8的的資源

6. 考察學(xué)習(xí)能力和方法

1)你每天必須登錄的網(wǎng)站(前端技術(shù)相關(guān))是什么?

2)前端技術(shù)方面看過哪些書,有無筆記,都有哪些收獲。

3)收藏了哪些代碼片段?

4)怎么理解前端技術(shù)的大趨勢(shì)?自己再做哪方面的知識(shí)儲(chǔ)備?

5)是否了解或精通其他(后端)的編程語言?

6)做過的項(xiàng)目有沒有什么(視覺、交互)美感?什么是美?你覺得讓你自己賞心悅目的網(wǎng)站或應(yīng)用有哪些?

7)做項(xiàng)目有沒有遇到哪些印象深刻的技術(shù)攻關(guān),具體遇到什么問題,怎么找答案的,最后怎么解的