2018年各大互聯網前端面試題三（阿里）

三月份有很多朋友辭職跳槽，也遇到了許許多多的面試題，在交流群里和網站上總結了一些常見的面試題，細細分析，其實基本都是萬變不離其宗，所有的問題都是從某一技術點的基礎出發，綜合考量，如果懂得了這項技術的原理所在，題目答起來內容都差不多能答對。

基礎

簡單介紹一下自己，為什麼選擇做前端？

說下你所在的EPI實驗室和CTG工作室是幹什麼的？

介紹下你最近的項目？

說出你覺得自己身上最優秀的能力？

說出你未來的規劃？

你最近有沒有什麼想要學習的技術？

你有什麼要問我的？

布局相關

position的值有哪些？

css有哪些垂直水平居中方式？

css選擇器有哪些？選擇器的優先順序？

CSS屬性選擇器和偽類選擇器的優先順序?

使用css實現一個持續的動畫效果

右邊寬度固定，左邊自適應怎麼布局？

實現水平垂直居中

Flex布局用的多嗎？

移動端適配怎麼做的？

你用到了Flex，請問flex怎麼設置垂直水平居中？

概念

瀏覽器高級特性有了解嗎？（service worker）

瀏覽器CSS Hack手段有哪些？

為什麼瀏覽器需要同源策略？

瀏覽器跨域的幾種方式？

瀏覽器性能怎麼優化？（從多個方向上去答）

JS基本數據類型有哪些？

原理

為什麼 var 可以重複聲明？

四種定位的區別

let與var的區別？

如何讓子類繼承父類的方法與屬性？

怎麼發送一個跨域的POST請求？

框架

Vue是如何實現雙向綁定的？看過Vue源碼嗎？

Vue中的路由你使用的哪種模式？如何與後台溝通路由？

說下你ES6、7中用到哪些東西？

CommonJS 中的 require/exports 和 ES6 中的 import/export 區別？

Vue怎麼實現雙向綁定的？

代碼

怎樣判斷一個數組是數組？

怎麼用JS實現一個隊列？

描述出任意一個排序演算法？

封裝一個函數，參數是定時器的時間，.then執行回調函數。

一行代碼實現數組去重？

使用addEventListener點擊li彈出內容，並且動態添加li之後有效

使用js實現一個持續的動畫效果

只允許使用css，讓一個頁面原有dom不可見的多種解決方法

文末福利：

福利一：前端，Java，產品經理，微信小程序，Python等10G資源合集大放送：https://www.jianshu.com/p/e8197d4d9880

福利二：微信小程序入門與實戰全套詳細視頻教程。

【領取方法】

關注 【編程微刊】微信公眾號：

回復【小程序demo】一鍵領取130個微信小程序源碼demo資源。

回復【領取資源】一鍵領取前端，Java，產品經理，微信小程序，Python等資源合集10G資源大放送。

原文作者：祈澈姑娘

原文鏈接：https://www.jianshu.com/u/05f416aefbe1

創作不易，轉載請告知

90後前端妹子，愛編程，愛運營，愛折騰。

堅持總結工作中遇到的技術問題，堅持記錄工作中所所思所見，歡迎大家一起探討交流。

推薦閱讀：