打死也不敢說本身火的面試題更新第二彈

時間 2019-11-06

標籤打死敢說本身面試更新第二欄目快樂工作简体版

原文原文鏈接

永遠不能忘了的致謝

在本身恬不知恥的說了火這個詞以後仍是有夥伴們來看個人文章，也有支持個人人，這讓我保持了動力，由於每次文章的更新對於我來講都是一次鞭策，讓我寫了一天需求回家以後沒有懈怠，繼續保持學習狀態。css

防誤傷引導

看的人可能有工做幾年的、也有像我同樣的剛剛畢業的小白菜前端（固然也有剛畢業就是一個大牛前端的）、也有還在學校準備着進入前端行業的學弟學妹。前端

有經驗、想指導的：能夠留言指導，你的指導均可以幫助我和看官們少走一些彎路，咱們都會由衷感謝您，vue

和我同樣剛畢業的童鞋們: 咱們能夠一塊交流，不一樣的看法可能碰撞出美妙的答案。react

準備入行、準備面試的童鞋們，但願大家不要單純的去背面試題，學會理解知識，行業浮躁可是行業中的咱們不要浮躁。背一道題你只會一道，理解一道題、一個知識點能夠幫你會作一個類型的題，後者更累但是效率也更高，但願立刻要實習或者校招的大家有一個好的將來。加油！css3

話很少說你好CSS面試（依舊基礎）

1 請說一下什麼是盒子模型（真·基礎問題）面試
2 什麼是塊級格式化上下文（BFC）？什麼樣的元素會生成BFC？ BFC的佈局規則是怎樣的？element-ui

BFC的內容須要好好理解、通常會結合實際問題：好比margin重疊問題。瀏覽器

3 width與height設置的百分比是相對誰來計算的？padding與margin呢？框架
4 如何設置一個邊長等於瀏覽器寬度一半的正方形？佈局

結合上個問題。元素的padding是相對於父元素的寬度來計算的，那麼答案是否是一目瞭然。還有一個答案能夠參考下一個問題。

5 請問你瞭解vm vh這個單位嗎？
6 如何實現一個元素的垂直居中？
7 對flex佈局有所瞭解嗎？請用flex佈局實現一個三列布局
8 能夠不用flex實現一個三列布局嗎？

針對於萬一讓你說兩種狀況或者flex佈局你緊張的遺忘了，請大膽使用聖盃佈局與雙飛燕佈局大法。

9 position屬性有幾個值？哪些值會脫離文檔流？absolute是相對於誰來定位的？relative呢？
10 rem與em瞭解嗎？分別是相對於誰來計算的？
11 瞭解移動端的適配嗎？請問什麼是rem佈局？在移動端的1px問題該如何解決。

親身經歷過一小段時間的rem佈局，能夠了解一下Retina屏，以及一些物理像素的知識，淘寶的無限適配能夠了解一下，媒體查詢也不要忘記。

12 對於css3的transform有了解嗎？
13 對於css3的動畫有了解嗎？必填屬性有哪些？
14 在實現一個div移動的動畫，使用translate、top（代指定位）、margin之間有什麼性能上的不一樣？

這個問題涉及一個渲染層的內容。若是回答出來可能順勢就問到如何建立一個渲染層。

15 cpu與gpu有了解嗎？區別是什麼？如何調用gpu渲染。

對於瀏覽器重拍重繪問題再也不這裏討論了，我還得捋一捋忘的厲害，在之後繼續學習瀏覽器性能方面必定會再拿出來討論。

16 最後一籮筐：如何清除浮動？什麼是css樣式初始化？爲何要這麼作？css選擇器的權重都是什麼？什麼是僞類與僞元素？

上面這個小籮筐問題相對來講，見的應該已經不少了。並且是真的出如今本身平時的學習與作的小項目中，我也就就很少提了，也不肯定面試會不會問。

這些css問題在我看來使用率是真的很高的。移動端rem佈局、flex佈局、css動畫、高度寬度百分比問題。尤爲是在接觸與vue、react這種框架一塊使用的UI庫好比element-ui以及ant-desgin你沒有這些知識，沒有這些知識的儲備想要修改這些UI庫的樣式達到本身想要的效果就很難了。css是一個黑魔法，知識能夠說是無窮無盡，但願你們正視它。

總結與雞湯

雖然作的是面試題的總結。可是往往回想這些面試題的內容，我就在考慮這些知識是否是很難一蹴而就、一學就會的？好像是。作爲一名剛入行的小白菜前端，天天作着產品經理給的需求，除了週六日（雙休的公司還蠻幸福的）已經很難找到大塊時間去學習了，週六周天想要打磨本身的基礎，可是一想上了五天班看什麼書，玩去咯。每一項基礎知識都在改變你寫代碼的習慣。當你知道translate會建立新的層的時候，不考慮兼容的話，你就會更多的使用它。當你瞭解了重排重繪的緣由，你有意迴避這些的出現，你的項目流暢性就會愈來愈好，紮實的基礎真的能夠幫助你更合理的考慮問題與編碼。扯遠了扯遠了，願每一位看官看完這一段雞湯有一個好心情。

加油咯不斷前進的FE！！！