岗位：前端开发，业务内容是h5电商面试体验：流程是比较严格的八股问答，面试官挺好的对没答出来的会解答结果：过了，薪资未达到预期一面主要面试内容：做题和八股文穿插进行八股文meta标签常用属性<link rel="preload">的作用proload 和 prefetch的区别async 和 defer的区别defer 与domContentLoaded的执行先后顺序no cache 和 no store的区别页面拿到html到展示出来的过程缓存策略css加载失败了，页面会怎么样常见的移动端适配方案怎么触发BFCrelative相对于什么布局的js基本数据类型什么是跨域跨域的解决方案jsonp的原理jsonp的缺点预检请求什么时候用什么是闭包promise常见的方法事件的捕获和冒泡，怎么设置事件触发阶段loader 和 plugin的区别useEffect 与 useCallback的区别axios 的 拦截器和适配器的使用和区别react 的 ssr怎么实现的axios 的 拦截器和适配器的使用和区别代码题1、下划线分割的小写字符串 改写成 驼峰字符串'abc_de' => 'abcDe'2、实现Promise.allSettled考虑使用Promise.all来实现3、闭包测试题——大概是下面这样吧function inc(i) {  let a = 0;  return function xx1() {    a = a + i;    console.log(a);    let message = `value is ${a}`;    return function log() {      console.log(message);    };  };}const aa = inc(1);const log = aa();aa();aa();aa();二面主要面试内容：做题和八股文穿插进行 八股文react 设计hooks的初衷react 代码复用的方式Render Props 与 HOC的区别React Fiber架构为什么可以中断React状态管理mobx 与 context的更新粒度的区webpack的基本原理webpack loader 与plugin的区别webpack为什么要使用loaderwebpack依赖图怎么构建的webpack遇到了import语句，是怎么解析出路径的AST了解吗对webpack进行过那些配置代码题1、原型链function AA() {  AA.a = function () {    console.log(1);  };  this.a = function () {    console.log(2);  };}AA.a = function () {  console.log(3);};AA.a();AA.prototype.a = function () {  console.log(4);};let aa = new AA();aa.a();AA.a();2、事件循环类似于下面async function async1() {  console.log('async1 start')  await async2()  console.log('async1 end')}async function async2() {  console.log('async2')}console.log('script start')setTimeout(function () {  console.log('setTimeout0')}, 0)async1();Promise.resolve(1).then(function (data) {  console.log('promise1',data)}).then((res)=>{   console.log('promise2',data);  rentun Promise.})console.log('script end')HR面对前两面的面试官的印象多多的工作强度的了解其他offer情况薪资预期