校招-顺丰前端面经总结

由于本人的个人身体原因,只能三月底回学校进行春招补招的校园招聘!!!前前后后准备了一个月,也算是成绩圆满。

这篇文章是今天下午刚拿到顺丰的offer,所以先写顺丰的面经过程。也祝学弟学妹们校招也顺顺利利。

之前在顺丰拉勾上的招聘,知道顺丰技术研发是卡学历的,之前大三大四有在两家公司进行实习(不透露了,也是大公司),日常在实验室也跟着老师做着项目,也有项目经验。所以,当时投递顺丰的时候,先有一个测评题,做了一个多小时,那真是欲哭无泪,做到一小时的时候,真的想放弃。还是含着泪做完了。但是顺丰我没有收到春招笔试题(不知道为什么!可能么有吧)

一个之后,猝不及防的接到了面试通知,大概在4月10号左右的时间。一二面是前后十分钟面试的,每场面试50分钟。因为前后太快,只有总结两次面试的全部问题,已经记不清楚是哪一面问的了。大概一面问的东西很多,但是不深。二面更多的问原理。


顺丰一二面汇总

PS:项目介绍,必问,后面介绍

1、Vue的生命周期(网易、果壳网、今日头条面试也被问到)

2、Jquery用的是版本(目前是3版本,但是企业一般用1.8版本,因为3版本很多可能还没有更新)

3、Webpack用的是3版本(目前已经更新到了4版本)

4、Webpack的配置属性(就简单的介绍配置的基本属性)

5、原型和原型链  constuction

6、有哪些排序(冒泡、归并、快速排序、堆排序)(只要问到排序一定会问时间复杂度)

7、给一个数组,找出第二大的数,只能用一次循环怎么实现(后面改成:抛开一次循环,可以怎么实现。本人答:排序,然后倒数第二个(判断最后一个的大小,是否有重复))

8、事件模型(捕获、冒泡)

9、Js事件绑定的三种事件

(1)html中直接绑定 onclick

(2)获取对象之后,给对象绑定onclick

attachEvent   //测试浏览器,发现:firefoxchromeIE9IE10IE11safariopera都不兼容,IE7IE8兼容,

  if (window.attachEvent) { 
                window.attachEvent("onload", remove); 
            } else if (window.addEventListener) { 
                window.addEventListener("load", remove, false);   
            }           

10、状态码

11、AMDCMD的区别

12、Vuex是什么

13、基本数据类型  undefined null boolean number string  symboles6

14、V-指令说一些

 v-if 和  v-show的区别

v-if后面是一个表达式,v-show如果是false,在DOM中是displaynone

15、promise的原理

16、原生JS怎么去实现回调

17、京东商城的图片,要是存在图片跨域问题,怎么去解决

18、跨域问题(追问,jsonp跨域的原理)

19、Jsonp跨域的原理

答:很简单,就是利用<script>标签没有跨域限制的“漏洞”(历史遗迹啊)来达到与第三方通讯的目的。当需要通讯时,本站脚本创建一个<script>元素,地址指向第三方的API网址,形如:
<script src="http://www.example.net/api?param1=1¶m2=2"></script>
并提供一个回调函数来接收数据(函数名可约定,或通过地址参数传递)。

20、防抖

21、扩展运算符  。。。Arr

22、数组方法  pop  map  concat   filter  find   keys  indexOf  forEach

23、Vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

24、computedwatch的区别

1、vue的 模板内({{}})是可以写一些简单的js表达式的 ,很便利。但是如果在页面中使用大量或是复杂的表达式去处理数据,对页面的维护会有很大的影响。这个时候就需要用到computed 计算属性来处理复杂的逻辑运算。
   1.优点: 在数据未发生变化时,优先读取缓存。computed 计算属性只有在相关的数据发生变化时才会改变要计算的属性,当相关数据没有变化是,它会读取缓存。而不必想 motheds方法 和 watch 方法是的每次都去执行函数。
  2.setter getter方法:(注意在vue中书写时用set getsetter 方法在设置值是触发。 getter 方法在获取值时触发。

2、 虽然计算属性在大多数情况下是非常适合的,但是在有些情况下我们需要自定义一个watcher,当需要在数据变化时执行异步或开销较大的操作时,这时watch是非常有用的。


项目:

项目实习这块一定要说你做的是什么,你负责那块,技术难点是什么,你是怎么攻克的。虽然你可能不知道怎么准备。但是准备的这些问题的人多了去了。所以不要问我怎么办,一定要准备。都知道人家会问,还不准备,那就offer给别人吧。

我大概讲的是PC端界面,封装组件,H5活动页,内部网银系统的用户浏览统计等一些项目。

猜你喜欢

转载自blog.csdn.net/shirleyqdd/article/details/79995111