《前端学习》专题

#绿盟##前端##面经#

30min 做过哪些项目 实习内容 为什么选择前端 最困难的一件事 如何进行沟通的 如何封装组件、粒度和边界如何决定 （单一性：单一性要求一个组件具有高内聚，低耦合的特征，它只负责一件事情，不要耦合一些没必要的逻辑，并且尽量不要和其他组件有过于多的双向交互和互相依赖关系。单一性并不代表着不可以引用其他组件，当前组件可能是外层的容器组件，里面包含一些子组件，这样的设计是没问题的。） （复用性：在设计

1.大学学过的技术栈、技术栈的应用经历（不限于前端，尽量详细） 2.你学的技术栈偏后端，为什么最后要来做前端 3.项目用的什么框架，为什么 4.Vue2和Vue3的区别 5.JavaScript和C++的区别，为什么JavaScript是弱类型语言，什么是弱类型语言 6.let和var的区别（这里我忘记回答了let不能重复定义、let在全局声明的变量不会挂载到window上） 7.讲一下浏览器渲染

1.写jsonp原理 2.用写websocket进度条以及使用场景 3.写回到上次浏览的位置（我说的记住位置存在sessionstorage/localstorage里），他问窗口大小变动怎么办，我说获取当前窗口大小等比例缩放scolltop。。。 4.代码题（medium)  5.看输出 （this指向以及执行上下文） 6.正向代理，反向代理以及他们的应用场景 面试官挺专业的，但是快手本来也没想

# 一面（9月6日） - 总共时长26分钟，俩题全部答错，答的非常不好（感觉寄了😭） 1. 先自我介绍一下吧 2. 我们先简单地聊一下js的基础： 3. js的几种基本类型 4. 用什么方法判断基本类型 5. 代码考核： 6.  100 + typeof undefined 7.  如何判断数组，有几种方法 8.  Object.prototype.toString() 输入数组打印出什么 9.

主要问了很多项目相关的，从项目中找面经的问题问，有没有真的用过这些 什么叫组件化、模块化、工程化的项目（工程化不太了解... 对axios做过哪些封装 在哪些地方用过axios 有了axois，为什么还要promise，（应该是问除了数据请求的异步还有那些），在哪里用到了promise（记不得了... 那讲一下对promise的理解 项目中有用到mock吗 防抖节流，在项目哪里用到过，怎么实现节流

自我介绍 Vue响应式原理 Vue的基本工作流程：数据代理，数据监测->模板编译->AST抽象语法树->h函数->虚拟DOM->Diff算法让虚拟节点上树 Vuex的基本流程和原理：actions->mutations->state,mutations和actions的区别 webpack compiler对象和compilation对象区别 webpack plugin的执行顺序，compile

全程45m分钟 1.自我介绍 2.http和https和http2.0之间的区别？ 3.浏览器的开发者工具怎么使用？ 4.用过的VSCODE比较好的插件有哪些？ 5.js如何实现深拷贝？ 6.setTimeout(fun,0)的执行时机？ 7.什么是宏任务什么是微任务？ 8.不考虑浏览器兼容问题，如何实现文本垂直居中？ 9.在css中控制元素显示和隐藏性能比较好的方式有什么？ 10.解释一下BFC

攒好运 最近感觉自己遇到的面试官都挺难的，害 1.缓存策略 2.缓存场景 3.缓存更新策略 4.js异步场景 5.fetch 6.webpack配置 7.css代码题，文本溢出省略号 8.手写质因数的乘积 9.手写reduce，挂载在原型链上测试

实习做了什么项目 实习收获 项目从需求调研到上线流程 ES6和TS的区别 vue2与vue3的区别 vue2、vue3响应式 垃圾回收 var let 普通函数和箭头函数作用域的区别 有一个很大的数组怎么找到前十个数字（时间复杂度要比O(n2)小） #前端##绿盟#

#面经# #校招# #秋招# #顺丰# 1.自我介绍 2.Flex水平垂直居中，是在父元素还是子元素设置 闭包，(让改一个很简单的函数，在外面可以访问，我tm改了半天没改出来，好烦啊，真的很简单的) 3.你写了react，希望问什么，vue还是react 4.Vue主要用过哪些钩子，addeventerlistener挂载在哪里，卸载在哪里，为什么？ 5.Axios用过吗？两个拦截器还记得吗？(忘

前言： 1. 赛码系统、2h、8*简答(40分) + 4*算法(60分) 2. 吐槽：那个算法题算是怎么回事？用记事本写，没有用例测试，更不用谈什么通过率了，为啥复制粘贴也不能用(复制粘贴上面写的的内容)，明明有更成熟的笔试方式，为什么偏要用这个呢？然后让员工手动改？…… 简答题： 考察了“css盒模型的定义、CORS、模块化规范、说一说事件捕获和冒泡”，还有四个忘记了，就是一些前端的基础概念。

一面 自我介绍 项目难点 输入 url 到渲染出页面的过程 BFC css垂直居中 浏览器存储方式 es6新特性 浏览器的缓存机制，Etag是什么 react的hooks在类组件基础上做了什么优化 setState是同步还是异步 做前端遇到的最有挑战性/记忆最深刻的点是什么？以及怎么克服/解决的？ 未来的职业规划。 反问 印象 二面 自我介绍 深挖项目 项目难点，解决方案 二维码的读取为什么要通过

一面9.13 项目难点 vue2vue3区别 es6 promise怎么解决回调地狱 跨域 vue的key作用 了解requestIdleCallback吗 数组去重 类数组转化为数组的方法 前端存储 css选择器以及优先级 水平垂直居中 页面优化 随时准备写代码题，结果竟然没题

时长：25min 1. 自我介绍 2. 项目介绍 3. 跨域相关 4. flexible.js（后面说了说自适应布局，媒体查询等） 5. fastclick 6. meta标签 7. 兄弟组件通信的方案 8. vue响应式原理 9. vuex 10. data为什么是函数？ 11. 全局变量有什么问题？（主要说了说数据污染的问题，还有状态追踪） 12. 前端工程化（主要说了说webpack） 13