前端人生的最大危机不是 35 岁，是你工作3年的那道坎儿

关注我学前端

已于 2023-12-27 15:19:01 修改

阅读量439

点赞数 7

分类专栏：前端前端面试文章标签：前端面试职场和发展前端框架

于 2023-12-25 14:51:14 首次发布

本文链接：https://blog.csdn.net/2301_79773949/article/details/135199748

版权

前端同时被 2 个专栏收录

79 篇文章 1 订阅

订阅专栏

前端面试

74 篇文章 1 订阅

订阅专栏

前言

最近看到一位博主吐槽怎么现在很多前端面试中，很多公司很少或不问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哈。

有需要的朋友可以戳此传送门即可获取完整版的 PDF 哦