前言
最近看到一位博主吐槽怎么現在很多前端面試中，很多公司很少或不問css，而直接問JavaScript、框架、Node.js這個問題，說現在滿世界 Vue、小程式的簡歷，問啥 css啊，好多人 position 有啥值都不知道，z-index 值和 position 層疊關系都不知道，問了就掛，咋張嘴問…… 就更別提啥權重值怎么計算的這種稍微“難”一點點的問題了，考察更深入一點的，比如值處理步驟乃至到 CSSOM 就想都別想了，
個人是認為這說明業界前端的業務以pc系統后臺類的居多，現在這些后臺，不再需要兼容IE，界面有相對來說規則，而且又有postcss這類css編譯工具，基本上不會有太大的css問題，但是如果一個前端團隊以移動端業務開發為主的，那css可以問的問題還是很多的，
正文
但我這邊是要面的，很多公司面人的問題千奇百怪，甚至是很脫離實際開發作業，我個人對這樣的面試沒有好感，我自己弄了一套面試題目，非常遺憾，我的問題不多，也不偏離業務開發，但面試快一年了，全答上的面試者有一個，那哥們我很喜歡，給了offer，不過別人沒選我這邊，其余的起碼大幾十個面試者，都或多或少地“翻車”，我也只能挑幾個翻車不嚴重的人進2面，哪里翻車最嚴重？CSS！我只有4道CSS面試題，90%的面試者翻車，
-
第一道：有3個div，呈豎向排列，第一個div貼頂，第三個div貼底，中間的div填滿剩余空間，該怎么做？（flex，grid，js動態計算）
-
第二道：我要寫一個彈窗，需要水平豎直居中，同時它不能被其他元素遮掩，該怎么做？
（居中，zindex，zindex的從父原則） -
第三道：你的移動端的自適應是怎么做的？
（rem，vwvh，其實這兩個等比放大縮小的自適應單位解決方案是不夠完美的，內容用px + 排版用自適應單位 + 布局采用flex/grid才是解決移動端自適應的最優解） -
第四道：如何減少重排，
這4個題是真的不難，我原先的設想是搞幾道css做開胃菜，慢慢深入了解面試者，然而這個翻車率是我始料未及的，特別是很多的面試者都在簡歷上注明：擅長/熟練使用Flex布局，想想面試那段時間都挺頭疼的，比如發請求拿資料，每個前端都要做的事，問怎么區分回傳內容是檔案流還是json資料，其實就一個content-type，答上來的人不多，問平時怎么上傳檔案的？就一個form-data，很多人也不會，再問怎么看一個資源的快取情況，一個control-cache，就更沒人會了…
我不想問一些httptcp、什么鏈路層、什么三次握手、什么https的加密規則，平時作業用不著，刻意去背一背應付面試，不見得能體現一個面試者的水平，但我問的這些這么實操的東西都不知所云，那是絕對行不通的，現在很多前端，只會跑vue-cli搭建個專案，import一下ui庫，就覺得自己沒問題了，實際上在我眼里連日常開發作業都應付不了，
我這種還算好的了，碰到喜歡出越深越好，越偏門面試題的，可能是真不想招人，不想要KPI，但要是換他來答題，十有八九更差勁（別杠，杠就是你對），雖然說是問CSS少了，但不怕一萬就怕萬一，咱們可別因沒準備吃了啞巴虧，所以我整理了一套前端面試題免費分享給大家，里面包括了CSS，大家在準備面試時，也別忘了看下CSS哈，
面試題
CSS
1.頁面渲染時，dom元素所采用的布局模型,可通過box-sizing進行設定，根據計算寬高的區域可分為
2.ie盒模型算上border、padding及自身（不算margin），標準的只算上自身表單的大小css設定方法如下
3.幾種獲得寬高的方式
4.拓展各種獲得寬高的方式
5.邊距重疊解決方案(BFC)BFC原理
6.cssreset和normalize.css有什么區別：
7.居中方法
8.css優先確定級
9.如何清除浮動
10.CSS開啟GPU加速
11.開啟GPU硬體加速可能觸發的問題
12.CSS中link與@import的區別
13.CSS選擇器串列優先級及權重
14.display:none和visibility:hidden的區別：
15.介紹一下CSS的盒子模型
HTML
1.你是怎么理解HTML語意化
2.你用過哪些HTML5標簽
3.metaviewport是做什么用的，怎么寫？
4.H5是什么
5.label標簽的作用
6.行內元素有哪些？塊級元素有哪些？空(void)元素有那
些？
7.a標簽中如何禁用href跳轉頁面或定位鏈接
8.canvas在標簽上設定寬高和在style中設定寬高有什么區別
9.你做的頁面在哪些流覽器測驗過？這些瀏覽器的內核分別是什么?
10.iframe有哪些缺點？
VUE
1.vue.js的兩個核心是什么？
2.vue的雙向系結的原理是什么？
3.vue生命周期鉤子函式有哪些？
4.請問v-if和v-show有什么區別？
5.vue常用的修飾符
6.nextTick
7.什么是vue生命周期
8.資料回應(資料劫持)
9.virtualdom原理實作
10.Proxy相比于defineProperty的優勢
由于篇幅問題，只展示了一小部分，需要完整版PDF的小伙伴們[點擊這里]就可以免費獲取啦
最最后還是想說，無論我們遇到什么樣的面試官，被問到什么題，你都要相信你是最棒的！祝小伙伴們在金三銀四之際順順利利拿到心儀offer!喜歡小編這篇文章，請留下你們的點贊留言支持小編，謝謝啦~
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/271590.html
標籤：其他