实习生面试总结

前端实习生现在的基本要求是html+css+js,但是大部分公司会要求会一个框架,一般来说,公司要求会Vue的会更多一点,社招的话,会vue就是基本要求了,但是校招的话,学会一点基础,加上良好的数据结构算法与计算机原理,过其实也不难.

讲一讲社招的常见问题吧.

首先就是数组的常用方法,不用全部答出来,就说一些比较常用的几个方法,比如map(),foreach(),find()等等.如果你只是说了名称的话,然后大概率会问你一些关于这些方法的使用,比如filter(),如果条件不满足的话,会返回一个什么样的结果;怎么实现反转字符串啊等等方法(split()-reverse()-join()).

其次就是es6的新增特性,这个也不用全部回答出来,自己能回答多少回答多少,但是尽可能的多答

• 比如let,const,回答这个的时候可以把它们的区别也回答出来,
• 还有模块化export和import
• 模板字符串
• promise函数和async await,这个可能会问到一些原理类的东西,比如.than中返回什么,是否可以一直.than下去,三种状态:Pending（待定）Rejected（拒绝）Resolved（已完成）,他们的状态转换只有两种,且不可逆.
• 箭头函数啊,这个可能会问到this的指向的问题,this指向一定要会.
• 解构赋值
• 扩展运算符
• map和set的数据结构

常用的可能也就这么多

还有就是使元素水平居中的几种方法,这个看自己理解了,尽量说出两种以上吧,说少了也不太好

也会问到防抖或节流的使用和使用场景,这个就是基础了

如何理解深拷贝和浅拷贝

• 使用通俗的话来说，假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，如果B没变，那就是深拷贝.
• 浅拷贝： 将原对象或原数组的引用直接赋给新对象，新数组，新对象/数组只是原对象的一个引用
• 深拷贝： 创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用”。

说一说事件流的三个阶段,也可能会分开问

• 事件捕获:事件开始由顶层对象触发，然后逐级向下传播，直到目标元素
• 处于目标阶段：处在绑定事件的元素上
• 事件冒泡:事件由具体的元素先接收，然后逐级向上传播，直到不具体的元素.事件委托就是用事件冒泡实现的.

事件捕获是从上到下，而事件冒泡，是从下到上

事件循环,或者event loop

• 主线程事件执行完毕后从任务队列中读取异步事件，并将其放入调用栈中执行，这个过程是循环不断的，所以整个的这种运行机制被称为事件循环

有些还会问到原型与原型链的理解

• 对于对象而言，每个 JS 对象一定对应一个原型对象，并从原型对象继承属性和方法。对象__proto__属性的值就是它所对应的原型对象。对象的__proto__指向自己构造函数的 prototype。所以对象的原型链就是obj.proto.proto__....。
• 对于函数而言，只有函数才有 prototype 属性，Person.prototype 是一个对象，并且有两个属性， 一个是 constructor 指向其构造函数 Person， 一个是 proto 属性：是一个对象，指向上一层的原型。
• 原型链的尽头是Object.prototype。所有对象均从Object.prototype继承属性。

这个具体可参考知乎一个回答.作者：Brizer 链接：https://www.zhihu.com/question/347766140/answer/845843566

还有就是关于移动端适配的一些问题,主要就是em和rem的区别,他们都是相对大小.

• em会继承父类元素字体的大小,父类的字体大小就为1em
• rem是相对于浏览器根元素.就是html中的样式为多少就是1rem.

还会问你知道哪些请求方式

GET、POST、HEAD、OPTIONS、PUT、DELETE、TRACE、CONNECT

sessionStorage和localStorage区别

sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了。

• LocalStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。
• 两个都是用来存储客户端临时信息的对象
• 还会问到cookie,cookie一般是保存在浏览器中的,大小不超过4kb,数据一般是通过域名进行区分的,数据会通过数据请求自动被发送到服务端,有过期时间限制,可以手动设置,用法一般在记住密码和购物车功能中,现在不推荐使用.

问的比较多的还有标准盒模型和怪异盒模型

• 标准盒模型的宽度一般是由width+padding+border+margin组成
• 怪异盒模型的宽度就是width+margin,其中width包括了padding和border.

有些会问到dispaly:flex中,flex有几个属性,其中的作用

• flex有三个属性,分别是flex-grow、flex-shrink、flex-basis,默认值为0 1 auto,后两个属性一般不写,回答时可以就说平时就用缩写,flex参数就是比例,然后举例说明即可

常规大致能想到的只有这么多了,想要面试成功,基础一定要好,再有就是学vue框架吧,react,angular对于实习生的话可能用到的并不多.

最后,大家感觉可以的话点点赞呗!!!