小厂前端 实习 面经

记录第一次面试，有点紧张。面试官人很好。但是回答的太差劲1.项目中的分片技术怎么做的？2.HTTP请求方式有哪些？3.展示数据的组件用的什么？4.了解跨域吗？怎么解决跨域的？5.维护数据用什么组件6.npm命令7.scss和css有什么区别8.nginx了解吗 （真的不了解）9.反问

在之前的时间里一直都非常焦虑，一边秋招已经开始，自己却还没拿到实习，再加上之前有一次很好很接近的机会没有把握住，被打击得信心全无，做了很长的心理建设才开始慢慢投小厂，还好还有些实习机会，分享一下面试八股经验，项目不具参考性，不再列举相关问题深圳某小公司vue  2 和vue3中 v-model区别为什么vue3要使用proxy     比 vue 2使用define property好在哪里？Context加hook是怎么替代Redux实现状态管理的？css盒子模型怪异盒子模型和标准盒子模型计算区别react怎么定义组件bootstrap什么是闭包，你有实际应用过吗？react怎么实现父子组件之间的通信HTML   CSS   js 概念let和const的区别什么是虚拟DOM    什么传统DOM     对比  核心原理diff算法   关键点怎么阻止事件冒泡     event.stopProgapationevent.stopImmediatePropagation    区别其他方法？git是否使用过remote————————————————————————广东钛动基础：HTML中本地存储的方法，区别是什么垂直居中方案在你项目中怎么实现移动端自适应的，什么方案JS基本数据类型怎么判断类型  （回答typeof  instanceof  Object.prototype.toString.call    面试官追问还有吗，ES6中呢）具体判断是否是一个数组用什么方法Array常用方法事件循环机制，有哪些宏任务和微任务说一下闭包，你平常使用过吗，怎么使用的怎么查找对象的键值对怎么知道资源，（比如图片）已经加载完成TS：interface和type区别使用过Pick吗说一下泛型和泛型约束框架（只问了React，大概业务线用的React）：React  props和state区别react其他通信方法useState和useEffect这两个hook函数区别想拿到渲染前的数据或函数使用什么hook（没听懂，不会，不知道是不是我理解错了）你常用的hook有哪些useMemo你是怎么使用的，它的作用useCallback使用过吗，原理作用React Router中的组件有哪些Hash路由和history路由，说说原理区别————————————————————————某公司笔试四道选择题  25分两道算法题  75分选择题两道阅读代码选择输出，记不太清，全程开摄像头答题加手机监控，没有记下来大致是第一道考察闭包  第二道考察链表的节点引用和指针操作还有两道分析时间复杂度题两道算法题有一题有点难度，是力扣困难题的变种，没有写过，另一题是二叉树展开为单链表—————————————————————————杭州小公司flex布局 justify-content有哪些属性CSS中keyframes是什么useEffect做什么的uselayoutEffectuseMemo常用git操作git怎么创建新分支GitHub中manage  request干嘛的（可能是想问pull  request）Github你有关注过哪些项目TS泛型作用TS可选属性作用有没有遇到跨域问题，产生原因，是什么的限制  怎么解决本地怎么调样式console    断点使用其他浏览器工具你比较关注返回的哪些信息说一下哪些状态码，分别代表什么同一域名同时发送多个请求，比如100个，但浏览器对这个域名的请求限制只有7个，其他的可能会被挂住，怎么解决CDN原理SEO方法原理ReduxwebSocket给场景，问怎么解决（防抖or节流）防抖节流区别听声音感觉是个年轻清爽帅哥，可惜的是让我开摄像头但面试官没有开——————————————————————————记不太清了闭包原型链机制JS操作Dom方法虚拟Dom和真实DomReact和Vue区别Webpack你有做过哪些配置改动和自定义插件性能相关问题其他一些项目问题一道hot100中的简单算法题——————————————————————————小公司一般总共两到三轮面试一面考察比较基础最后想说的是，不必太过焦虑，我刚开始想的是小公司都不约面，我是不是真的要转行了，是不是自己太菜了，面试表现不好又觉得自己是不是太fw了，有一段时间压力很大很焦虑，躯体化症状严重，触底反弹后摆烂，面试反而多了起来，面试过程也不再担惊受怕，保持一个好心态，在面试中慢慢发现不足，不断优化，不必思虑太多，再怎么样反正去捡垃圾也不会饿死，不要去比较，比较是偷走幸福的小偷。希望大家都一切顺利

1.src文件夹下有哪些东西2. scss和css有什么区别3.store里有什么属性4.v-model如何实现绑定多个属性5.vue-router6.双向绑定数据原理是怎么实现的7.computed和watch有什么区别8.项目

第一位面试官  30min自我介绍项目是自己做的吗挑一个项目介绍axios拦截器与token处理动态权限怎么设计的关闭页面是否可以中断websocketreact常用hooks怎么清除定时器事件冒泡有了解吗怎么阻止事件冒泡css布局flex布局实现上下左右居中less/scss与css有什么区别怎么使用git管理项目代码平时开发会用到AI辅助吗防抖和节流输入框、表单、窗口缩放分别用防抖还是节流antd组件有没有做过二次封装react组件通信父组件能不能调用子组件的某些方法（这里答错了，是可以的，通过ref）反问第二位面试官  15minaxios拦截器与token处理路由守卫以及动态权限管理怎么实现的websocket异常情况处理（尝试断线重连）fcp与lcp这些怎么量化的有没有加埋点（没加）使用web worker做了哪些事项目有没有上传github平时是怎么学前端的最近在学哪些内容（上次面试被问到埋点，简单看了一下）js题，数组的对象中是否含有某个属性（答的遍历对象并find，封装函数返回结果，面试官想问的好像是every和some）反问第二次面试，比第一次好挺多的，后续通过了，准备先去干试试，大厂来日再战