环节问题/考察点题目
基础沟通/团队协作(20%)是否能够清晰的表达出自己的观点
是否能够总结好做过的事情
言语中能否体现出团队协作的潜意识
行为面试综合能力考察
技术基础(40%,25min)JavaScript浏览器事件循环、Node事件循环(二者差异,宏、微任务)
js对象的数据属性和访问器属性
聊聊js中的this指向问题
原型与原型链
new运算符的实现机制(funciton和arrow function)
作用域和作用域链
闭包(概念、特性、形成条件、作用、应用场景、优缺点)
如何判断元素是否达到可视区域
==和===的差异
0.1+0.2为什么不等于0.3
目前js有哪几种数据类型
js中垃圾回收机制
节流和防抖有哪些差异、应用场景
简要描述MVVM及优缺点
js 中的Error 有哪几种错误类型(ReferenceError/TypeError/EvalError/SyntaxError/RangeError/URIError/InternalError/_)
HTML+CSSCSS选择器与优先级
Flex布局
盒模型、box-sizing(有哪些值、作用是啥)
position有哪属性
BFC(是什么?布局遵循哪些规则?有什么用?如何创建?)
移动端点击穿透产生的原因
移动端样式适配有哪些方案
渐进增强与优雅降级的差异
移动端1px问题
元素的层叠顺序是怎样的
计算机网络HTTP3.0、HTTP2.0
http与https的区别、https是如何工作的
http报文主要组成成分(通用首部、请求首部、响应首部、实体首部)
http状态码有几种、常见状态码有哪些
如何实现客户端(浏览器)与服务端的长连接
网络请求粘包问题(原因、解决)
TCP三次握手
TCP四次挥手
TCP与UDP区别
常见http请求方法有哪些、分别有哪些作用
TCP/IP七层模型是怎样的
如何Restful风格接口规范
xss(跨站脚本攻击)、crsf(跨站请求伪造)、ddos是什么,如何防范
浏览器在浏览器导航栏输入一个文本或地址到页面完全完成加载,浏览器做了哪些工作?(浏览器各进程工作如何分工协作)
请求跨域的原因是什么(同源策略)如何解决?
浏览器的重排与重绘是什么?如何触发?如何避免?
介绍一下浏览器对于网络请求的缓存机制(强缓存、协商缓存)
浏览器页面整个渲染工作是怎样进行的?
cookie是什么? 服务器代理转发请求时如何处理cookie
操作系统进程与线程、协程
堆与栈
算法实现EventHub发布订阅模式需要注意什么(实现哪些方法)
设计模式设计模式6大原则(S.O.L.I.D、LoD)
发布订阅
单例模式
工程化webpackwebpack的整体构建流程是怎样的
和rollup相比,它有哪些优缺点
webpack的HMR(热重载)实现原理
webpack配置文件的核心配置项有哪些(entry/output/loader/plugins)
webpack实现代码分割(codesplit)的几种方式
webpack有哪几种loader,他们的执行顺序是怎样的
loader的执行顺序是怎样的
webpack有哪些常用的loader,分别是做什么用的
webpack有哪些常用的插件,分别有哪些作用
编写一个webpack插件需要注意什么(apply方法及插件执行时机)
webpack 钩子(hook-》Tapable )实现原理
module/chunk/bundle的区别,hash/chunkHash/contentHash的区别
webpack工程化层面如何做性能优化
gitgit pull和git fetch的区别
git rebase和git merge的区别
babelbabel的本质在做什么(parse->tarnsform->generator,每个阶段的工作流程是怎样的)
babel中ast的遍历过程是怎样的
babel有哪些核心库,作用是什么?
preset、plugin有什么区别,执行顺序是怎样的
在babel中为什么需要polyfill,目前常见的polyfill插件用哪个(@babel/plugin-transform-runtime)
node有哪些常见模块、作用是什么
fs http
koa和express的核心区别是什么
v8引擎是如何工作的
前端框架ReactReact16和React15在架构上有什么差异?React16重点解决了什么问题(CPU/IO瓶颈->时间片切片/suspense)
React如何进行状态更新
Fiber有哪些特点
Diff的本质是在做什么?具体过程是怎样的?
Hook了解过吗?有哪些Hook作用是什么
React的事件是怎样的?(事件委托)
React的生命周期(挂载时、更新时、卸载时分别在哪个阶段执行了那些内部钩子函数)
class与function的区别优劣势
React-router的实现原理是什么?
redux是什么?简述下redux的工作流程。在react中content函数是用来做什么的
虚拟DOM的本质是什么
Vue双向数据绑定是如何实现的
3.0和2.0有哪些区别
slot(插槽)有哪些?作用是什么?solt实现原理
React和Vue的差异
v-model是如何实现的
非父子组件如何通信
Vue-Router路由懒加载实现原理
路由导航守卫有哪些分别可以用来做什么
Vue3.0中的composition API解决了什么问题?相比React的Hook有什么优势
keep-alive是如何实现的
小程序与移动端--
业务理解(10%,5min)对自己做过的业务的总结从业务层面,谈一下过去负责的业务。(属于哪类业务B/C、属于哪个业务下的子业务、解决了客户什么痛点、哪方面做的比较好、从技术角度谈对业务发展有哪些建议)
项目(30%,20min)项目基本情况介绍
核心:解决了因为什么引起的什么问题,目前的效果是什么?后续还有什么计划
在项目中承担的角色,做了哪些不一样的工作
项目中遇到了哪些难点是怎么去解决的
你认为自己对于项目整体的贡献点在于哪里
在前端的角色,你觉得在在这个项目中个人哪里做的比还好哪里做的不好?好在哪里不 c cv好在哪里?不好的话有没有什么改进计划避免下次再有类似问题
你认为前端这个角色,它主要的作用与职责是什么
其他,10minQA行为面试,考察应试者的综合能力(STAR法则)
最近在看哪些技术书籍
业务上最近遇到哪些难点
如何与上下游合作
如何与团队其他成员合作
如何与上下级打交道
当前薪资、期望薪资
是否在职,人在哪里;什么时候方便入职
QA