一面 1.17 四十分钟1. 自我介绍2. script标签怎么实现异步加载JS的，两者的区别3. link标签的rel属性中的preload与prefetch属性值，两者的区别是什么4. BFC的定义、特点、触发、解决的问题5. 在做C端项目的时候，如何判断一个元素是否在一个视口中，有几种方式6. JS的基本数据类型 基本数据类型与复杂数据类型的区别7. null与undefined的区别8. 判断数据类型的方式9. == 与  === 的在判断的时候会触发隐式转换，是怎么转换的。刚才你说把一个值与字符串进行比较，那他是怎么进行比较的。一边是值类型一边是引用类型，这个怎么进行比较的。10. 对象原型与其他原型上有一个valueof11. var const let的区别  暂时性死区 报的什么错，有没有了解过12. 深拷贝的思路，为什么用weakMap而不是map13. 闭包14. this的几种绑定方式15. 普通函数与箭头函数的区别16. 你学的主要是React还是Vue(我：主要是React,八股啥的都是。面试官：好，那我就问Vue的。我：？？这么皮)17. http缓存18.websocket19.promise的静态方法，promise.allSettled20.Vue3的nextTick是什么，我们为什么要用21.低代码项目；22. TS：你在项目里引用了第三方库，然后在父组件里引用了父组件，怎么去拿到子组件的类型；泛型；interface与type的区别；keyof与typeof的区别23.AIGC设计平台是干嘛的；你这里上传的图片很大，应该怎么去解决， 现在有一个业务场景：图片大小超过500M，上传会被打断，有什么好的处理方式（大文件上传的秒传功能、断点续传功能与进度监控；切片有什么好的方式解决的吗）24. 低代码平台，前端把组件配置的数据传给后端是什么样的格式进行传递的呢25. 我设计了一个组件有很多按钮啊，文本框啊，我是怎么用一个JS数据结构来表示这个组件的，JS怎么去表达这个组件结构，数据嵌套逻辑二面 1.18半个小时项目 十分钟聊天下周一 hr直接打电话

一面  半小时1. 自我介绍（面试官突然上线 口误称面试官为同学）2. 实习中遇到的困难 最大的收获3. 你有去了解 你实习项目中的抵低代码或组件生成原理嘛4. 浏览器输入URL的过程5. 当你发现你输入的URL打不开，你要从哪些方面去排查呢6. 跨域7. CDN加速的原理8. 算法：反转指定节点的后链表9. 能不能来提前实习二面  半小时不到1. 自我介绍2. 手里的offer，你还会来京东吗，能告诉我一下你为什么还回来京东的原因3. 假如你拿到了京东的offer你能来京东这里实习吗（回答：不能，得四五月份。面试官问：这里还是希望你能拿到offer立即来的。）4. 讲一下低代码的理解和作用，除了在使用阶段搭建一些普通页面，你有参与低代码的那些开发，或者是他用的那些理念或技术的了解吗。就是低代码的工作原理，他代码编好了是怎么影响生产的，最后怎么实现的那个逻辑，整个的系统原理5. 你现在有物料或一些之前存好的组件，你现在需要再加一些个性化的东西，然后改完，发布，然后就用于生产了。我想问的是怎么和其他系统结合的，这个数据是怎么传递的，原来的系统是怎么跟低代码关联的，这个数据流。6. 前端优化，代码方面的优化，打包，代码用另一种7.  场景 ：前端有一个下拉框，下拉框的数据获取是后端请求过来的；现在的诉求是下拉框的数据后端可能会更改，前端是怎么去知道的呢，还需要保证用户前端不需要频繁的去请求这个数据8. 你刚才提到了轮询，如果在你轮询的时候，数据还没有到前端，但是前端的数据已经过期了，用户进行了一些操作，会有这个时间差，那在这个时间差内，你有没有方案去处理这个错误。9. sf实习的项目，做了什么 。你的图片的生成，就是如果图片比较大或者有多张，你有做过性能上的优化吗10. 图片后端返回是轮询，那你轮询的结果是什么呢11.说一下互联网的岗位关联性与作用 和后端意见不一致的时候怎么处理 怎么看待加班。12. 反问。

1.9一面1.13二面+hr当天意向+谈薪一面1. 实习项目技术栈的考虑2. 移动端适配了那些小程序3. 你为啥换了一个实习，那你想提前实习吗4. React-router 路由模式，讲解一下；有什么区别，讲到本质，不止用法上的；哈希这个是用来干嘛的吗，描点？描点可以干嘛用，那你实习的时候，用的是那种模式，为什么用这种模式，而不用另一种模式5. history在实际开发中的一个场景题6. 路由懒加载；这样做的原理是怎么做到优化的7. 图片懒加载8. 你刚才说到了异步，那我问一下promise的这种异步与ajax这种异步的区别是什么呢9. promise在es6的替代写法10. async与await场景：我现在有两个异步请求，我要这两个异步请求同时发送请求，要他们都完成了再做一些事情，这个要怎么写。11. promise.all的实现原理你知道吗，如果不让你用他，直接用ajax去发送请求，你知道怎么去实现promise.all的效果12. promise与setTimeout这两个异步的区别；微任务的执行时机；延申：我们让promise.then与settimeout都在内部进行递归调用，这会造成死循环，这两种情况最后谁会导致浏览器的卡死，为什么13. grid布局与flex布局14. 栅格布局用纯CSS怎么实现15. xhs的项目业务16. 你这个组件最终是怎么渲染的。17. sf实习的项目业务18. 小程序和h5的区别，本质区别与技术用法总共四十分钟。二面：流程压缩技术面完就hr1.主要是两段实习的项目+一些技术八股。然后就是hr的问答环节。总共四十分钟

1. 自我介绍2. 你自己做的项目，后端是自己写的吗3. 系统学习前端的方法4. checkbox：实现点击关联文案选中checkbox：纯CSS怎么实现；JS怎么实现5. form表单：不依赖JS情况下，我点击一个表单的按钮，就可以触发一个表单的提交，也是在不依赖JS的情况下6. 行内元素与块级元素7. 你们移动端站点的高清模式的适配方案是怎么做的（讲一下Taro的实现原理）8. 水平垂直居中：分别说一下块级；文字怎么实现水片居中，垂直呢9. JS的基础数据类型 引申：那你了解复合类型吗（其实就是引用类型）10. 基础数据类型与复杂数据类型的区别11. 场景：我现在有两变量一个是number 类型的a，另一个是数组b，把他们作为参数传到一个函数里面，然后再函数内部进行变量值的修改，他外部也会收到影响吗。那如果我对这个数组又重新赋了一个数组呢，他会修改吗12. 函数的防抖节流他们是基于什么实现的呢 应用场景。13. 闭包14. TS 为什么要用，好处 ；接口、泛型；interface与type的区别，使用场景，结合你在实际中的开发15. 正则表单式学过吗（我说学过，立马后悔了捏）g 和 i 表示什么；怎么表示a开头b结尾；怎么匹配大写字母呢16. 本地存储的方案有那些，应用场景，你在实际中是再怎么用的，会考虑那些问题17. React的通信方案；尽可能多的再想想React自身跨组件的通信方式18. React中的异常是怎么处理的19. 看你也写过vue，vue中有keep-alive，你能想想react中有那些方法可以去实现vue的这一个功能吗，尽可能的回答：就是如何实现一个组件的缓存，快速的回到上一个组件，不需要再走一遍数据的请求或组件的生命周期啊20. 算法：两个了解的排序算法21. http缓存的命中过程，越详细越好22. 说一下你遇到的最大挑战，怎么解决的呢23. 反问面试官说我回答的有点快，所以半个小时问了我很多问题（八股选手，就只会背），当天晚上十点多，主管电话，二面，二面之前的。（面了阿里的菜鸟与饿了么，四个面试官体验整体都很好）

一面一个小时二面一个小时1. React-router这一块你有没有遇到就是在跳转的时候，有没有白屏这种情况，尤其是路由切换的时候，是怎么处理的2. 假设你某一个单页面，比较大，我iport的时间比较旧的话，这种场景，如何让他变得体验好一点3. 那你讲讲你图片懒加载的策略，为什么用这个策略，有什么考虑吗4. 这样一个情况，有一个图片，这个图片是有一个高度的，我加载这个图片的一瞬间，会把我们图片内容给顶到下面去。比如：本来我想点一个按钮，但是一开始不知道哪里有一个图片懒加载，让我点按钮的一瞬间，图片加载出来了，把按钮顶到下面去了。这考虑国就是，图片加载会引起页面布局的变化你应该了解吗？有什么办法去解决吗？拿图片举例，有的方案会有一个纯色的底图，他会在懒加载出来之后，给你替换掉，有知道是怎么去实现的吗？5. 有遇到过，有大量的图片在一个区域内展示，在加载完的时候，他就是一大串图片在这展示，但是在没加载完的时候，他们的节点就是会都挤在一起，懒加载会失效，因为这时候observe的判断，就会认为你的图片都在可加范围内，还是会导致大量的请求6. 分页加载机制你能大概讲讲吗7. 优化方式还有那些8. 服务器渲染有接触过吗9. 移动端适配这里，分辨率的适配是怎么做的。有接触过媒体查询吗；物理像素与逻辑像素的关系10. 浏览器渲染的过程，就是CSS与HTML是怎么结合的11. 你说的用户信息的缓存指的是前端缓存还是后端缓存12. script标签的async与defer13. 算法口撕：我有一个数组，然后我想现在有一个操作就是删除其中的一个元素，怎么去做？那我不想影响原始的数组，我想构建一个新的数组，这个怎么做？假设 我不关心数组的位置，我删掉以后，数组元素的位置他变不变也无所谓，有没有什么办法在o(1)的复杂度完成这个动作。就是我删除索引为3的数值，我不想遍历它，就让他的复杂度为o(1)。不关心顺序答案：比如他想删除第三个，你就可以把第三个和最后一个交换，然后让他的长度变为length-1；如何判断链表有环（快慢指针，一般涉及环，无线循环的，就是快慢指针）；力扣一道原题；我有一个二维数组，他的值是几，高度就是几，求问这些块级的表面积。边界考虑14. HTTP状态码；403什么意思15. 手撕16. TS的价值；泛型17. 再手撕算法

1. 前端2. JWT的登陆流程说一下。就是用户输入密码到发给后端进行验证到成功，再到返回前端的一个登录态的一个保持。3. 登录态的保持是怎么做的。方案的选择localStorage与cookie对比。你为什么选择localStorage，cookie也可以长久存储啊4. 你说公司都喜欢用cookie，那为什么都喜欢用cookie呢就按照你说的cookie除了有长久性以外还有什么好处？说一下cookie有哪些字段是和安全相关的5. 你的项目里面的，H5和小程序这两种环境是怎么区分的6. Taro的一码多端的原理是什么7. 为什么PC端用Vue3，然后移动端又用了React8. 你在xhs实习这不到一个月的时间，你有遇到你觉得成长最多的点是什么9. 前端项目的亮点（比如：一个功能你去调研了n多种方式，去选择一种好的，或者是一个已经存在的东西，你用了什么方式去把他优化的更好）10. 写一个节流函数11. style-components与bfc分别是解决什么问题的12. 一个IP如何区分他是公网IP还是内网IP13. 文件系统里面有软连接硬链接，你这个怎么去理解的14. HTTP属于那层协议15. 304状态码命中过程16. TCP、UDP属于那一层；他们有什么区别与应用17. 进程与线程有什么区别18. flex与grid布局；flex布局中的左右宽度固定，中间铺满。flex:1是什么意思19. JS类型检测20. ES5原型链与ES6的class的继承的区别21. 两个作用域的题（主要是闭包）22. this指向问题23. 手写promise.all24. let const 区别？为什么你都是用let声明25. 浏览器的事件模型（触发一个点击事件或滚动的一个模型）26. script标签 放在头部和尾部 区别27. 浏览器渲染页面的时候会有几个线程28. 跨域请求，是怎么区分简单请求和非简单请求。非简单请求时有那些特点，就是有标识的参数，那些会触发非简单请求29. React hook解决的是什么问题30. hook是没有this的，那他是怎么去存储这个状态的呢，让这个无状态变有状态31. hooks的使用限制32. 算法题反问。时间：一个多小时

 一面  半个小时1. ajax的请求流程（xhttpRequest对象）；onReadyStateChange里面请求状态码。2. 状态管理库用的什么 你说了zustand，说一下 这个库的原理。3. React hook的使用条件，为什么不能在条件循环语句里面使用4. React的通信方式 React redux的原理5. action支持异步吗 reducers可以支持异步吗 他为什么不可以是异步的6. 高阶组件 用过吗7. 构建工具有用过那些8. React事件是怎么做的，比如说：我一个事件onClick事件，他是直接绑定到当前BOM上了吗？那onScroll事件呢9. BFC讲解一下10. React中的按需加载，回答：路由懒加载；用的原生的还是库的，你用的React是那个版本的，老版本是没有路由懒加载的，那是怎么实现的。Vue中的懒加载了解过吗11. 你了解过代码webpack切割吗12. 基本数据类型+判断方法13. 清除浮动14. nodejs了解过吗15. 防抖和节流16. 求一下数组的深度二面：二十分钟1. useEffect这个hooks，我们发现在组件挂载时运行了两次，我们应该怎么去排查这个问题。那一直无限循环中运行呢2. useState，他已经更新了状态，但是我们发现屏幕上没有更新，这可能是什么问题3. es6想到什么说什么，重点介绍async/await7. async相对于generator做了那些改进 iteractor了解吗8.proxy函数了解吗9. let const var  开发中遇到过变量提升的问题吗10. 写过公共组件吗 简单介绍一下11. antd design12. 微应用了解吗13. useMemo与useCallback这两个hook，说一下在实际开发中的应用。14. 反问三面： 拒了

1. 自我介绍2. 为什么选择前端3. 开始项目拷打4. 在顺丰实习的项目主要是干嘛的，听你这么描述，图片的渲染生成都是后端做的，你就是做了一些页面数据的展示，那你觉得你这个难点在哪里。你实习的这个项目用的是SD是吧，他是开源的，那这样的话，你们传递数据肯定会经过他吧，那你们是怎么做的这个数据安全传输的呢？5. 你项目里是怎么实现适配的，那你就说说Taro实现适配的原理，底层是怎么做的6. 你自己做的项目里用到了style-component，那你说说还有其他的防止CSS全局污染的方案吗，他们是怎么防止的呢？说一下底层原理，CSS module是通过什么方式阻止的呢7. 说一下flux的核心，react-redux他的核心又是什么，为什么他要搞得这么复杂，不能直接一个store，然后一个get一个set？8. 你现在在xhs实习的这个项目能讲一下吗？是无代码平台，那你们这个是怎么管理在这个组件的，使用monorepo啊，那你们是怎么去管理 就是一个组件更新了，他有新版和旧版，然后在不同的之间进行管理的（没有录音这个有点忘记了）9. 针对上面的问题，你们的运营在拖拽组件的时候，如果发现组件版本变了，怎么处理的，你对物料的一整个发布有了解过吗。10. 你能说一下，你们这个物料是怎么渲染到C端的吗，那个原理是啥。11. 看你是非科班，那你说个简单的 编译性语言是怎么编译的，那个三方cookie了解吗12. 又问了一个webpack的问题，面试官说的东西没听过，又没录音就忘记了。13. 你现在关注的前端最新技术栈有那些。14. 反问半个小时

1. 项目 二十分钟介绍一下你的项目 为什么你的PC端用的是Vue，移动端的技术栈选择的是React+Taro呢项目的一个难点瀑布流方案的选择，你的考虑，是几列排布的，如何进行计算的设计公共组件的时候的考虑（组件的抽离考虑的问题）2. 三道题一道CSS样式布局 两列等分 三列等分 然后针对这个布局进行了提问一道实现类方法的题一道二叉树的题成丰货运 十三分钟 立马挂TS的基本数据类型 枚举类的使用 webpack的了解nodejs使用过吗，写过什么角色鉴权 单点登录了解吗promise的使用场景有那些Vue的生命周期React的fiber 虚拟DOM优缺点（反问说技术栈是Vue2,3和React都有，所以都要会）

1. 开头二十分钟项目+框架如下：Vuex讲解一下 React-Redux怎么用的 他的数据流向 React的通信方式 React的单向数据流React的虚拟DOM 虚拟DOM为什么好 虚拟DOM一定比操作真实DOM快嘛 Diff算法 React的hook是怎么实现onMount的效果的你常用的有那些hook前端登录验证 验证的流程 你怎么设计的基本数据类型flex布局 flex:1的概念，以及它对应的三个属性基本数据类型检测手写水平垂直居中讲解原型链算法题：非空数组arr, 其中是由0和1乱序组合而成。需要实现函数, 将所有的0排在1前面。要求不能使用 Array.sort，时间复杂度 O(n), 空间复杂度 O(1)example:输入: [1, 0, 1, 1, 0, 0, 1, 0]输出: [0, 0, 0, 0, 1, 1, 1, 1]function mySort() {}console.log(mySort([1, 0, 1, 1, 0, 0, 1, 0])) //[0, 0, 0, 0, 1, 1, 1, 1]