（全程30分钟） 问我做过的项目，并介绍做过的项目 问如何封装一个表单项（暴露value和onChange，其他的就是一些设计细节什么的） hook和高阶组件各解决了什么问题，有什么优势 JS如何判断一个实例是数组实例（我说了instanceof和prototype.construct) JS数组元素去重（new Set，Object key） 如何遍历Object（Object.keys, fo

本人在秋招中投递的岗位主要是互联网公司的前端岗，但在技术面和hr面中被问到非技术问题也几乎是必然的。春招在即，如题，我准备把一些常见的非（完全）技术问题以及实践之后认为面试官会比较青睐的回答总结下来，或许能够帮助到大家，于是写了这篇文章。 - 文章中有一些是来自于@羽生智九 和 @机械大猛子 的经验，在此感谢！ 文章经验并非标答，仅供参考，认为有误导之处也欢迎在评论区指出，友好讨论 如何学习前端？

1、自我介绍。 2、vuex和redux的区别。 3、TypeScript对比JavaScript有什么优势。 4、虚拟列表是怎么实现的，白屏效果你会怎么处理。 5、图片懒加载怎么实现。 6、你对封装基础组件的认识，让你去封装基础组件你打算怎么做。 7、闭包知道吗，有什么应用场景。 8、箭头函数知道吗？它的this指向？ 9、怎么去改变this？ 10、flex布局，flex容器上的属性、fext

（全程20分钟） 自我介绍 react基础的问题比如react的有哪些常用hook，你是怎么自定义hook的 讲讲react fiber 讲讲组件怎么通信 讲讲你们以前项目的路由方式 图形学相关知识： 顶点着色器和片原着色器 模型有哪些格式 光照的类型 如何渲染贴图和纹理（API的调用） 补充：一个成熟的游戏引擎需要有哪些能量和功能？

为什么考研 JS闭包的理解 Vue生命周期有哪些（Vue没怎么看，大部分忘了，就说了几个阶段） Vue2和Vue3区别（不太清楚，就说了一个vue2和ts不太兼容） 父子组件、兄弟组件如何通信，兄弟组件有几种方式 请求有哪些？get和post区别 讲下组件封装 全局状态管理是什么 前端存储方式有哪些，有什么区别 前端上传文件你有几种方式，有转base64吗（不清楚，就说了一个前端按钮，后端接受）

救命，才面了15分钟，好凉啊（可能我太菜了，有点听不懂面试官有的问题想表达什么） 1.自我介绍 2.vue3和vue2的区别 3.vue组件间怎么通信的 4.什么情况下才会用vuex 5.项目怎么打包的？ 6.为什么懒加载可以提高速度？ 7.有自己封装过什么控件嘛？ 8.了解过flex布局嘛？ 9.一个容器里四个小方块，贴着四个角，你怎么用flex布局？ 10.flex有哪些属性？ 11.vue这

这是我面了这么多次最难的一次面试，面试官看起来很严厉，而且看面相一看就是技术专家，很牛，面完给我整崩溃了，怀疑自我了都 1.自我介绍，顺带让我讲项目，还有校园经历 2.问我计算机基础怎么样，学校里面学了这些没有 2.问项目里面我对接学校统一身份认证是怎么做的 答：jwt 路由守卫 3.SSO了解么 答：不了解 4.计算机程序执行的原理大概讲一下 答：瞎说一通 面试官说大致差不多 5.问我知道哪些是

选择题 哪些标识符是缓冲相关的（cache-control，etag） 原型知识点 求数组sort（主要针对，['100','500']这种字符串数组结果） 箭头函数和普通函数区别（箭头函数能用new关键词吗） v-for遍历，能否key做数组下标?vue2的动态数据是用es6的proxy? 哪些一定不会引起重排四个选项：visible,color,padding,boder 简答题 什么是跨域访

2.21 全是vue。。。。 - 自我介绍 - 项目 - 怎么学的前端 - vue组件通信 - 什么时候用vuex - 跨域 - watch和computed的区别 - vue双向数据绑定原理 - vue为什么使用key,应该选择什么做key，如果后端没有给id你怎么办 - vue路由模式以及实现原理 - vue视图是同步更新的吗，如果我想立刻拿到更新后的数据怎么办 - vue怎么更改data中的

2.14一面： typescript 泛型让我手写了一个实例 react hooks原理 diff 单项数据流 事件循环 闭包，应用场景 算法题：接雨水 2.15二面： jwt和session的区别 图形学：z-fighting问题怎么解决 权限系统怎么做的 点云地图讲一下，有没有出现性能问题 有没有用到rayCaster 瓦片算法解释一下 笔试题： 实现一个排序算法演示网站 2.15offer#

常规八股不太记得了 包括css js es6 计网 css特意问了一面答得不好的题 好在回去之后总结了 ：说一下css3怎么做动画 问koa框架洋葱模型了解吗 如果自己写一个中间件 你打算怎么办？promise 说一说ssr 写代码： fetch 发请求不知道超没超时，怎么写一个功能让他和axios一样可以响应超时 给了提示用promise的方法 #我的实习求职记录# #我的实习日记#

自我介绍（有点紧张，文本提前总结一下吧） 闭包的理解（√有些生疏，需再回顾下） 事件循环的理解（√） typeof和instanceof区别（√） 如果判断数据类型，还有哪种方法（√） 函数式组件常见hooks以及应用常见（忘说了useRef，useCallback） useCallback和useMemo区别（√） useRef除了获取DOM，还有什么作用（√，存储状态） axios二次封装，封

2.15一面 react-router 原理 cors处理https和http的区别 对webpack的理解 对ts的理解 浏览器缓存机制 代码题： 解析url 数组去重 回文字符串判断 2.16二面 ts的题，实现unshift 实现一个usePrevious获取上一个state的值 怎么实现QQ音乐和QQ邮箱的鉴权共享 let和const区别 箭头函数 看代码说输出： this指向问题 事件循

前面先聊前端掌握的程度 聊项目 1.if（0==“）判断转换过程 2.a==1 && a==2 && a==3 满足这个表达式的a 3.css垂直居中布局几种方法 4.跨域的几种方式 cors原理 5.复杂表单中的细节 6.react用的怎么样

css盒模型 简要介绍flex（回答的不是太有逻辑，有点乱） 水平垂直居中方式 浮动方式（相对定位不脱离文档流！但面试时候说成脱离文档流了） 行内元素和块级元素区别（关键的能否设置宽高没有说） 讲下css选择器（属性选择器和伪元素选择器没有说） CSS3常用属性（答的非常烂） BFC理解 JS数据类型 判断数组的方法（少说了一种） 原型链的理解 改变this的方式（可恶，三种方式记混淆了 !） 先