记第一次面试经历

怼烎@ 2022-05-27 06:09 296阅读 0赞

说实话，这次的面试来的挺突然的，在我将简历挂在前程无忧上的第二天，就通知让我去这家公司面试Web前端实习生的岗位，在网上搜这家公司看着有点像是外包公司，期初的期待就不是很高。  
  今天去公司面试，公司坐标九堡东方电子商务园，出了地铁站后第一感觉环境不是很好，人行道坑坑洼洼，很多店也是关门废弃的状态，另外商业园感觉也很老（拜托，和网上的照骗差的好多我都以为走错位置了~）。  
  别的不多提了，直接聊这次面试吧，也没让我做自我介绍，直接照着简历问问题，首先看到我还是大三的学生，确认了我还有课，不能保证周一到周五全职，感觉面试官的态度就降低了不少。（拜托，是你们的人事部打电话找的我啊）

#### 这次的面试题 ####

1.  css 选择器有哪些？以及彼此的优先级？  
      这题问得我有点懵，我只答了id选择器、class选择器、标签选择器还有css3中的字符串匹配的属性选择符，优先级我答 id选择器 > class选择器 > 标签选择器。  
    （详细可移步：[CSS中的选择器和优先级][CSS]）  
      
    
2.  css 如何实现水平居中和垂直居中？  
      这里算是到我的盲点了，以前觉得很简单没有怎么注意，傻乎乎地回答水平居中用 `margin: 0 auto`; 垂直居中用 `vertical-align: middle`，详细归纳可移步 [CSS 实现水平居中与垂直居中][CSS 1]  
      
    
3.  JQuery 绑定元素的方式有哪些？  
      这里我只用过 `on()`，还有已废除的 `live()`（其实还有 `bind()`，`delegate()`）
    
    >  *  bind()———————— 版本号小于3.0（在Jquery3.0中已经移除，相应unbind()也移除）
    >  *  live()————————– 版本号小于1.7（在Jquery1.7中已经移除，相应die()也移除）
    >  *  delegate()—————— 版本号小于1.7（在Jquery1.7中已经移除）
    >  *  on()————————— 版本号大于1.7（在Jquery1.7中添加，相应off()也添加）  
    >       
    >     
4.  实现 ajax 的方式  
      这里可以移步 [Ajax 的几种实现方式][Ajax]。  
      
    
5.  怎么解决 ajax 重复提交的问题。  
      盲点2，因为现在做的大部分都是本机测试，后台处理数据很快，异步等待时间很短，所以从来没有碰到过，具体的可以移步 [Ajax 重复提交解决方案][Ajax 1]。  
      
    
6.  js 中对象合并的方式  
      盲点3，我还以为是问我原型继承那方面的问题，他给我举得例子是如何将`var a = {a: 1}; var b = {b: 1};`这两个对象合并，我试探的问是不是关于`对象拷贝`的问题，告诉我不是（但是我上网搜`对象合并`就是我说的`对象拷贝`问题，如果面试官想问我的就是 `object.assign()`，却不知道何为`对象拷贝`，进一步降低了对该公司的认可）。  
      
    
7.  原型、原型链的区别  
      因为我上一题问了原型继承这方面，所以问了我这个问题（当时的内心：哎哎这两个东西怎么能比较），不多说了。  
      
    
8.  json 和 jsonp 的区别  
      盲点4，详细可移步 [简单描述JSON跟JSONP的区别以及实战][JSON_JSONP]
    
    > 简单来说，json是一种数据交换格式，jsonp是一种非官方跨域数据交互协议。json描述的是信息的格式，而jsonp是信息传递双方约定的方法。json返回的是一串数据，而 jsonp 返回的是脚本代码（包含一个函数调用）。
9.  小程序、Vue的生命周期  
      小程序：[微信小程序之生命周期][Link 1]  
      Vue：[探究Vue2.0生命周期][Vue2.0]  
      
    
10. 你了解的优化方法  
      之前看很多的面经，这个问题几乎都会出现，所以早早准备好了，比如减少http请求、压缩打包静态文件、小图转base64、制作雪碧图之类的。
11. 减少 http 请求的方法  
      这里可移步 [网站性能优化(一)减少HTTP请求数量][HTTP]，总结得很好。

#### 面试看法 ####

这是我的第一次面试经历，期初的期望就是涨涨面试经验、感受感受面试的气氛，不过这一次面试对我的感受不是很好，首先问题感觉都是面试官想到什么问什么（很乱，感觉就像我当部长第一次面试招新一样），其次每次我答完问题之后，就是一句“还有吗？”，没有就接着下个问题，感觉面试就是单向性的，我都不知道我前面答得对不对啊，节奏很快，不到20分钟就结束了面试。然后是这家公司的技术氛围，我说我了解一点 Vue，好一会儿才知道我说的 Vue 是哪个，然后面试 Web前端居然一点没问到 JS 的核心问题（函数、执行环境、闭包、原型这也是因为我之前提到才问我这个，还问了那个像是珠子和项链的区别一样的问题）。

#### 总结 ####

还是第一次没经验，感觉自己把自己坑了好多，因为有些知识是我很久之前了解还没达到掌握的程度（像webpack、jsonp之类的），自己提了出来。然后因为写的项目都是挺早之前的，这次也没准备，项目中的问题都有点记不得了。  
  不管怎么样这个月开始自己准备封装个组件，传到 github 上，多攒几个star，哈哈，fighting~

[CSS]: https://blog.csdn.net/zwkkkk1/article/details/79915743
[CSS 1]: https://blog.csdn.net/zwkkkk1/article/details/79917835
[Ajax]: https://blog.csdn.net/zwkkkk1/article/details/79918792
[Ajax 1]: https://blog.csdn.net/zwkkkk1/article/details/79919166
[JSON_JSONP]: https://blog.csdn.net/kuangruike/article/details/53287961
[Link 1]: https://www.jianshu.com/p/0078507e14d3
[Vue2.0]: https://blog.csdn.net/zwkkkk1/article/details/79667763
[HTTP]: https://www.jianshu.com/p/50f96ce566e0