React面试题总结，砥砺前行！

砥砺前行！"/>

React面试题总结，砥砺前行！

开始

我大学读的是大专，在学校学的是机电一体化。临近毕业的时候选择了学习web前端技术，因为做机电实在又累工资又低，而我更喜欢坐办公室的工作，有空调吹，我很现实，就是想多赚一点钱。到现在做了两年前端的小程序员，月薪是13K，经历过两次跳槽，第一次跳槽拿到了10K的offer，第二次跳槽拿到现在13K的offer。

选择学习前端之前我也有想过要学什么，最后我为什么选择学习前端呢，因为当时这门技术比较火，自己对于计算机也是有兴趣，薪资待遇也不错，并且相比较java后端，前端更容易入门。

在学习过程中也有遇到许多问题，比如边学边忘，当时觉得教程中的内容自己都可以听懂，并且可以模仿写出代码，完成作业。但是过一段时间重新做题，我发现自己忘得一干二净，后来一个前端大佬提醒我，学习要时常进行复习和把学到的知识应用到真实的场景项目中。

还有一个很重要的问题就是学习心态爆炸的问题，主要是因为遇到一个问题无法解决，自己琢磨了五六个小时都看不出是什么问题，一天的时间都花在这个小问题上面，就会觉得自己笨，自己不行，对自己产生了严重的怀疑。而这种情况几乎是每天都发生，因为自己从未接触过这方面的知识，所以根本找不出问题在哪里。确实走了不少弯路，不过好在自己坚持了下来。

元素特点：

块状元素：

• 在页面中以矩形区域显示。
• 自上而下排列，独占一行
• 可以直接添加宽高
• 一般情况下，作为其他元素或内容的容器

行内元素：

• 在页面中最小单位也是矩形。
• 在一行内逐个排列。
• 不可以直接添加宽高，大小是由内容撑开的。
• 内联元素也符合盒模型的规则，但是个别属性会出现问题（padding-top/bottom margin-top/bottom）
• 内联元素在一行内排列的时候，之间有间距

行内快元素：

• 可以设置宽高。
• 默认情况下，在一行内逐个显示，之间有间距。
• 当前元素的display值为inline-block时，能支持vertical-align属性。

常用元素：

块状元素：

行内元素：

行内块元素：

元素类型转换：

display属性：
作用：检索或者设置元素生成的盒模型类型。

常用属性值：

• display:block;
  作用：将元素转成块状元素，拥有块状元素特点。
  补充：大部分块状元素，默认的display的值都是block;

• display:inline;
  作用：将元素转成内联元素，拥有内联元素的特点。
  补充：大部分内联元素，默认的display的值inline;

• display:none;
  作用：将当前隐藏，并不占据空间。

最后

前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档，需要的读者可以戳这里免费领取！

mpZVlJh)免费领取！**

[外链图片转存中…(img-XN5XirGU-1623250388410)]

[外链图片转存中…(img-lHZhipNM-1623250388413)]