打死也不敢说本身火的面试题更新第二弹

永远不能忘了的致谢

在本身恬不知耻的说了火这个词以后仍是有伙伴们来看个人文章，也有支持个人人，这让我保持了动力，由于每次文章的更新对于我来讲都是一次鞭策，让我写了一天需求回家以后没有懈怠，继续保持学习状态。

防误伤引导

看的人可能有工做几年的、也有像我同样的刚刚毕业的小白菜前端（固然也有刚毕业就是一个大牛前端的）、也有还在学校准备着进入前端行业的学弟学妹。

有经验、想指导的：能够留言指导，你的指导均可以帮助我和看官们少走一些弯路，咱们都会由衷感谢您，

和我同样刚毕业的童鞋们: 咱们能够一块交流，不一样的看法可能碰撞出美妙的答案。

准备入行、准备面试的童鞋们，但愿大家不要单纯的去背面试题，学会理解知识，行业浮躁可是行业中的咱们不要浮躁。背一道题你只会一道，理解一道题、一个知识点能够帮你会作一个类型的题，后者更累但是效率也更高，但愿立刻要实习或者校招的大家有一个好的将来。加油！

话很少说 你好CSS面试（依旧基础）

• 1 请说一下什么是盒子模型（真·基础问题）

• 2 什么是块级格式化上下文（BFC）？ 什么样的元素会生成BFC？ BFC的布局规则是怎样的？

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！！！

咱们会坚持下去，必定会。这条路你们都走的太辛苦，一块儿互相鼓励，一块儿并肩同行！

不感兴趣的就直接无视掉吧

由于身边的同窗从事互联网相关职业的比较多，而且你们闲时聊天时总会吐槽找工做有不少坑，因此打算把身边同窗找工做的经验，通通收集起来。提供给想从事这方面同窗，但愿圈内好友能够共同进步，共同少踩坑。

咱们基友团其余朋友的文章：

Android基友 Java基友