腾讯暑期实习前端面经

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

base深圳第一次面试比较紧张，而且也没有提前准备练手写题只有一些印象比较深刻的题了1.html元素脱离文档流的情况2.html遇到未知标签时，比如abc会发生什么3.讲讲BFC4.讲讲flex5.手写:给数字加上千分符 10000-＞10,000

上午刚面完，面了一个小时，问题挺基础的，但有几个点脑子宕机了没答上来😭😭😭1.自我介绍2.接着是两道代码题，一个数组遍历一次找出最小正整数的下标，不存在返回-1（之前搜面经好像这道题都有考到），这道题思路挺简单的，但最开始写出来打印值跟答案对不上，然后我又顺着大括号重头看了一遍结果发现中间有个变量名敲错了（被自己蠢到了），后面面试官又让换一种思路实现，最开始没怎么理解面试官的要求，后面面试官提醒了一下还是成功实现了；另一道题是关于样式的，九九乘法表从直角三角形变成正金字塔形，直接flex垂直居中秒了，然后有个细节没实现出来，每一个框都有下边框，让用选择器清除下边框，保留最下面的下边框，当时没怎么想到，后面下来在自己的编辑器上重新实现了一遍。3.结合简历上的项目进行提问，我电脑上正好有源码文件，面试官就让我打开编辑器结合代码提问，因为我项目是vite创的，面试官就问了些vite配置相关的问题比如当初是怎么设计的，为什么选择vite，跟webpack的区别等等。4.vue的路由配置，问了下为什么用history，还有没有其他的。5.我简历上有提到组件的封装，所以面试官有问具体怎么设计，怎么实现的（这块我感觉我当时一直在胡言乱语，始终没get到点）。6.项目分包优化怎么做的，还有没有其他优化。7.组件之间通信怎么做的。8.团队间git操作怎么做的。反问：1.公司技术栈是什么2.公司最近开发的业务是什么总的来说这次面试体验非常良好，面试官全程都有引导，回答错了或者没回答上面试官都很有耐心的解释，给我留下了良好的印象，主要还是我太菜了😭😭😭

在之前的时间里一直都非常焦虑，一边秋招已经开始，自己却还没拿到实习，再加上之前有一次很好很接近的机会没有把握住，被打击得信心全无，做了很长的心理建设才开始慢慢投小厂，还好还有些实习机会，分享一下面试八股经验，项目不具参考性，不再列举相关问题深圳某小公司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了，有一段时间压力很大很焦虑，躯体化症状严重，触底反弹后摆烂，面试反而多了起来，面试过程也不再担惊受怕，保持一个好心态，在面试中慢慢发现不足，不断优化，不必思虑太多，再怎么样反正去捡垃圾也不会饿死，不要去比较，比较是偷走幸福的小偷。希望大家都一切顺利