上午11点，大概60min 1、rem、em、px、vw、vh vh和vw 相对于视口的高度和宽度，1vh等于1/100的视口高度，1vw等于1/100的视口宽度，比如：浏览器高度900px，宽度为750px,1vh=900px/100=9px,1vw = 750px/100=7.5px;很容易实现与同屏幕等高的框。 2、px与绝对物理像素一样吗，什么时候不一样？ 3、浏览器事件循环与node事件循环 Node.js 中的事件循环和浏览器中的是完全不相同的东西。 Node.js 采用 V8 作为 JS 的解析引擎，而 I/O 处理方面使用了自己设...

时长60min,全是写题， 1、树的结构中过滤出要找的节点 tree = [   { name: 'A' },   {     name: 'B', children: [       { name: 'A' },       {name:'AA',children:[{name:'AAA'}]}     ]   },   {name:'C'} ] // 1.假设我输入的str为A, 则过滤后返回的结果为 [   { name: 'A' },   {name:'B',children:[{name:'A'}]} ] //2.假设我输入的str为AA,则过滤后返回的结果为 [   { ...

40min，还是问了很多不清楚的地方 1、进程和线程，进程之间如何通信，进程如何同步 进程： 进程是资源（CPU、内存等）分配的基本单位，它是程序执行时的一个实例。程序运行时系统就会创建一个进程，并为它分配资源，然后把该进程放入进程就绪队列，进程调度器选中它的时候就会为它分配CPU时间，程序开始真正运行。 线程： 线程是程序执行时的最小单位，它是进程的一个执行流，是CPU调度和分派的基本单位，一个进程可以由很多个线程组成，线程间共享进程的所有资源，每个线程有自己的堆栈和局部变量。线程由CPU独立调度执行，在多CPU环境下就允许多个线程同时运...

下午四点，大约50min；问了些基础的问题，然后写一个题； 1、vuex与全局变量的区别，vuex哪些场景适用，哪些场景不适用？（多个组件间复杂关系时适用，简单时可以不使用） 每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同： 1.Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。 ...

3号晚上打电话，约第二天下午四点面试，时长大概30min，无手写，是一个开发总监面的（听到他自我介绍都有点懵嘞） 国庆面的都有些忘了~~~ 1、前端有哪些性能提升，具体的你使用过哪些方法？ 2、在vue使用上有哪些性能优化的点需要注意？ 3、vue自定义方法有哪些，说说用法 v-on,v-bind,v-if,v-for,slot 4、说说http的深层含义？？？这个我没理解到，只说是一些http的表面的 5、实习项目的概述及收获 6、vue2和vue3数据响应式的区别 7、options的预检查请求，在什么情况下使用？ 8、网络安全问题都怎...

国庆前约的2号下午3点，时长50min; 1、说一下前端缓存 2、url请求的过程 3、前端的性能优化有哪些 4、跨域问题 5、vue2与vue3的区别 6、实习中的难点亮点以及如何解决 7、实习项目概述，并说说收获 手撕一个leetcode中等题，杀死进程（中等）；使用map结构就行了别的没了

下午5点到6点的样子吧 但是u覅u额防护 1、写一个编程题目，类似树转数组，不过这次是树转map结构，大差不差的写了一会儿写完了 写完题目后问了几个问题，一些回答的不好的才记起来 2、组件间传值的方法，事件总线的本质，就是vue实例 props、$emit、事件总线、vuex、provide和inject、 ———eventBus的实质 公共事件总线eventBus的实质就是创建一个vue实例，通过一个空的vue实例作为桥梁实现vue组件间的通信。它是实现非父子组件通信的一种解决方案。 第一步：项目中创建一个js文件（我通...

9.28晚上8：20——9：20, 1、了解哪些前端框架。Vue、React、Angular，优缺点以及适用场景 ———React 优点： 组件、虚拟dom、多种工具开源库，稳定码由单向数据移动提供 缺点： 显著的发展速度而缺乏文件、相对较长的学习曲线、开发人员理解JSX的复杂性 何时使用： React 用于开发丰富的用户界面，特别是当您需要构建单页应用程序时。当您需要以更少的时间制作交互式界面时，它是最强大的前端框架，因为它支持可重用组件。 何时不使用： ...

9.24 又是凉面~~还是记录一下吧 4：20-5：10  一面 1、手写css九宫格布局，用来flex布局实现，然后要求相邻的边框不要重合，就是一个只有右边框，一个只有左边框（思路是，统一只有右边框，再给第一列左边框）；（这个题很简单，但据面试官说没几人写出来）； 2、写题，二叉树的最大深度，跑用例说思路，然后在写一下二叉树的最小深度（不用跑），再写一些数组去重的方法，尽可能写多种 3、写完题才问几个八股，什么箭头函数，tcp和udp的区别之类的，八股都差不多 5：30 - 6：10 二面 自我介绍完，面试官直接说了这一面考核的要求...

中午接到电话约下午3点电话面，真的没抱有希望，果然20min面完一看流程，投的三个志愿就都全结束了。。。 1、es6里面filter是做什么的，reduce是做什么的，reduce的参数有哪些，reduce能实现filter的功能吗？？ filter方法接受两个参数：1、一个回调函数，不可省略，用于设置条件来过滤数组元素，并返回数组中满足条件的元素，语法“function(当前值,当前索引,数组对象){...}”；2、一个可选参数，可在回调函数中为其用this关键字的对象。 filter() 方法创建一个新的数组，新数组中的元素是通过检查指定...

9.23 科大讯飞前端 20min？反正很短 问题都很简单，记得有一个不懂，单例模式怎么实现？ 核心：确保只有一个实例，并提供全局访问（注意：全局变量不是单例模式！） 在单例模式的实现过程中，需要注意： 1、单例类的构造函数为公有 2、提供一个本身的动态公有成员变量 3、提供一个私有的动态工厂办法 二、实现思路 一般情况下，当我们创建了一个类，本质是构造函数，可以通过new关键字调用构造函数进而生成任意多的实例对象。 但：单例模式要实现的是，不管我们尝试去创建多少次，都只返回第一次所创建的那唯一一个实...

9.15一面，9.20二面 时长30min 1、项目中的亮点、难点、收获，除了技术上有没有什么别的难点 2、项目打包后都有哪些文件（html、js、css），webpack打包后的文件的文件名的hash值是怎么生成的？ webpack生态中存在多种计算hash的方式： hash——代表每次webpck编译中生成的hash值，所有使用这种方式的文件hash都相同。每次构建都会使用webpack计算新的hash。 chunkhash——基于入口文件entry及其关联的chunk生成，某个文件的改动只会影响与它有关联的chunk的hash值，不会影响其他文件 conenth...

下午四点，大概40min， 数组哪些常用方法，其中数组的map，一般有三个参数（item,index,arr）,map是对数组进行什么操作？map的底层如何实现的，传入的回调函数如何处理的？（瞎说，遍历，用闭包什么，面试官说可以好好了解一下，比较有趣？？？） map() 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。 var new_array = arr.map(function callback(currentValue[, index[, selfArray]]) { // Return element f...

上午十一点，40min 实习项目中学习到什么，写了几个组件，项目中网络缓存如何配置的，难点是什么如何解决的，实习的技术选型有点奇怪，当时问了吗 前端中一般要求首屏资源加载（html、css、js）经过webpack打包后要求为14kb？为什么？  答：首屏响应时间不能过长，说这是表层原因，深层原因是啥？？？主要是tcp的慢启动算法，第一次连接的时候，不知道网络可以传输多少数据，一般就是10tcp数据包，除去标头，tcp\ip后就（1500-40）*10 = 14kB，这样就可以首次连接就发送请求，不用再等下一个数据传输 ...