记一次尴尬的面试经历

晚上10.30收到一条消息，某公司hr邀请翌日十点进行线上面试，是夜无话；
是时面试的并为顺利开始，闻听原因是上一个面试者还未结束，这一坨就是1个小时，等到了11点视频通话的铃声才姗然而至；
接起通话，跃入视线的是一个哪怕隔着n95仍难掩疲态的30样男子；就这样一场角力拉开了帷幕；

首先提出的是老生常谈的问题，自我介绍；这个没什么可说的，做过就是做过，1.2.3.4往上列职责技术栈说清除就好；
接下来就是正经的技术过招了，起手式“如何判断一个变量是不是数组”
轻松

	Array.isArray(a)

“那么如果用es5解决呢”
愉快

	a instanceof Array

“instanceof判断的原理是什么”
抬走下一个
“通过原型链判断一个引用是否属于某构造函数”

第二个问题元素垂直水平居中，丝毫没有难度；回答使用了最常用的

	div{
		position:absolute;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
	}

面试官欣慰的点了点头，进而发问如果用flex实现呢；

flex这玩意，哪怕工作用，blog也写了，但奇了怪了，就是记不住；当时就感觉不对，坦白说了属性记不住，其实就到嘴边了，结束后点开f12立马就会了。。

	justify-content: center; /*子元素水平居中*/	
	align-items: center; /*子元素垂直居中*/

面试官并没有在这个问题上过多的纠缠，直接抛出了下一个问题，仍然是布局问题，父容器宽高不定情况下实现一个如下的布局；

钻牛角尖的精神不合时宜的出现了，这个相当简单的布局，有没有规定使用哪种方式，直接为子元素设置熟悉的就完事了

	div{
		display:inline-block,
		width:30%;
		margin-left:3%;
}	

此时的我

明明flex布局属性记不得，偏偏要说flex实现最简单，设置一个属性就ok了，然后又想不起来，在那恩恩啊啊，到了也没说出个所以然，最后面试官劝我放弃，后来才使用熟悉的方法回答；

	flex:0 0 30%;

flex-grow,flex-shrink,flex-basis的简写flex:0 0 30% 等于flex-grow=0（默认不放大）+flex-shrink=0（不缩小）+flex-basis=25%（ 项目占据主轴的空间）;
面试官似乎看出了我的窘迫，及时的终止了样式相关的问题，转而发问
那些情况会阻塞页面渲染？
以引用资源下载未完成对之，不置可否，继而追问
script 中async和define是干什么的？
这个坦白讲项目中没有使用过，但是还是有了解的，还不至于蒙*，回答脚本以异步方式进行加载，或者延迟加载；
面试官抬起沉重的眉头，瞥了一眼手机屏幕里的我，费力的吐出两个字‘完啦？’

想必是像让我展开说明解释一下吧，略一沉吟，当下便准备开使长篇大论，但是机会往往都是转瞬即逝的，镜头里的他并没有给我丝毫的机会，稍显不耐烦的直接接连发问

1. 数据结构
2. 脱离框架使用过哪些设计模式
3. mate标签有用过那些属性

当时阵脚稍有纷乱，这阵仗实实的应付不来，
“要不咱一个一个的来？比如数据结构这个您想知道那些内容”
“就堆栈内存树…”
“数据结构在项目中用到但是可能暂时联想不到，我前端自学的这一块薄弱一些”
“你是什么专业的”
“我学中文的”
此时的面试官脸上立马流出出一阵轻蔑而不失礼貌的尬笑，轻轻响起的笑声在我5.1声道的耳机中久久不得散去；
许久面试官定了定情绪，不再发问转而操起夹杂着些许不屑的语气介绍起自己的项目；
很难形容那一时刻
我清晰的意识到
这次面试
远了