九月面的，后续-oc一面1.什么情况下会触发卡顿2.为什么要加防抖，防抖的逻辑3.vue2和vue3的区别，vue3的优点4.Composition API和Options API的区别5.meta标签6.viewport属性可以设置为哪些7.device-width不设置会发生什么8.学习前端的方法9.最终构建用来上线的文件，打包之后有哪些文件10.HTML文件引入外链CSS，在哪些位置引入11.link和import的区别12.promise相比于回调函数的优势13.js手写防抖(手撕)14.（手撕）给定一个整数数组nums和一个整数目标值get，在该数组中找出和为目标值target的那两个整数，并返回它们的数组下标。假设每种输入只会对应一个答案。但数组中同一个元素在答案里不能重复出现，可以按任意顺序返回答案。示例:输入: nums =[2,7,11,15]，target = 9 ，输出: [0,1]输入: nums =[3,2,4]，target=6，输出:[1,2]二面1.html语义化的好处，常用的语义化标签2.搜索引擎对整个页面如何提取相关信息3.html中浏览器的存储有哪些分类4.IndexDB是哪种类型的数据库，Sessionstorage、Cookie、Localstorage的区别5.flex布局作用于父元素上的属性6.伪元素和伪类的区别7.es6新增属性8.为什么箭头函数不能用于构造函数9.构造函数的执行过程10.说出代码输出（作用域问题）11.js实现节流函数(手撕，第一次触发特殊处理，有参数的处理)12.判断括号匹配是否合法(手撕)，给出一个仅包含字符'('，')'，'{'，'}'，'['，']'的字符串，'()'和'(){}[]'都是合法的括号序列，但'(]'和'([)]'不合法13.npm中package中dependencies和devDenpendencies的区别14.git常用指令，git提交代码时遇到冲突怎么解决15.除了websocket，其他实现长连接的方法三面1.实习项目的结构搭建，前端代码库的设计2.项目深挖3.科研过程中遇到的问题，总结的经验，遇到问题怎么解决4.聊天（部门业务，offer情况，后续流程，结果反馈时间，应届生培养...）

九月线下面的，岗位是全栈，无后续主要就是问简历内容1.项目参与程度，小组成员数2.项目是自己搭框架吗3.项目中发遇到的问题，组件复用是项目级复用还是公司级复用4.介绍一下MVVM模型5.Vue-Router介绍6.Ant-Design和Element-UI的区别7.Axios、AJAX底层实现8.Sass、less是做什么的9.Webpack、Vite打包工具10.Echarts使用情况、有做过数据看板吗11.快排的实现流程、时间复杂度12.介绍一下原型链和闭包13.了解bootstrap吗14.了解后端框架吗？SQL？

九月面的，后续-oc，需要强制实习怕论文搞不完所以拒了是秋招的第一个offer，还是很感谢同程一面1.相同的表单，使用的低代码方法2.vue2和vue3的区别3.vue2和vue3的v-model的区别，vue2的v-model的缺陷4.vue2中孙子组件想用爷爷组件的this，怎么操作（组件通信）5.原型链6.apply、call方法的区别7.es6箭头函数指向8.css权重9.清除浮动10.es6的symbol二面1.为什么结束实习2.前端学习路线3.解决页面卡顿问题，前端有哪些手段4.性能监测工具的使用5.优化性能的方法6.node.js了解情况7.企业中整个软件开发过程的流程8.如果发现联调测试都很顺畅没有问题，但是发布上线后出现问题，最优先级应该做什么？（回滚）9.了解同程旅行的业务吗10.怎么看待互联网加班11.能入职的时间，了解工作地点吗

九月面的，二面结束无后续一面1.问项目2.防抖和节流的区别3.虚拟列表用节流可能出现的问题4.css的flex布局：容器宽度为100px，里面放置三个30px的正方形，间距为5px怎么实现5.在此基础上添加第四个30px的正方形会发生什么?是变形还是隐藏？隐藏哪部分？6.最后一个元素完全隐藏吗？隐藏多少？换行之后上面三个方块的间距是多少7.加入第五个方块之后的间距是多少？要让第五个方块和上面对齐如何处理8.隐藏方式有哪些9.原型链10.构造函数、原型对象、实例对象通过什么关联11.Object.__proto__的值是（function.prototype没答上，引导了）12.object本身是谁的实例，函数的__proto__是什么13.申明函数的方式14.var a = new function()，a的prototype15.es6新特性16.箭头函数和普通函数的区别，什么情况下不能用箭头函数17.修改vue组件的状态会发生什么18.监测是如何实现的？什么时候开始监听19.比较时只比较修改的组件还是整个vue应用20.连续监测到两次改变，Vue会几次更新21.改变是什么时候合并的？什么时候进行更新22.先触发更新还是先触发渲染二面1.项目中状态管理运用的技术2.网络库用的哪些3.Axios底层原理4.ElementUI和AntDesign的区别5.有些过前端单元测试吗6.vue之外的前端技术7.websoket和http的区别8.websoket关闭怎么实现9.实习的收获、项目相关内容10.防抖11.文件上传使用的api12.断点续传

九十月面的，后续-oc，已拒一面1.react和vue的区别2.接触vue的原因3.CSS选择器的权重4.CSS实现三角形5.伪元素？有哪些？6.h5新增的标签能解决什么问题？还有哪些特性？7.js遍历数组的方法8.forEach和map的区别9.forEach定义的最后一个参数10.闭包和原型链11.npm方法12.nvm作用，nvm自动标记13.axios解决的问题14.在浏览器端怎么实现Axios15.如果不用axios怎么实现请求16.浏览器端还有哪些方法可以形成api17.虚拟列表实现原理18.项目怎么发布上线19.怎么部署一个项目二面1.对前端感兴趣的点2.前端安全问题3.前端在什么情况下会去执行用户输入代码4.问什么可以让攻击者能够在点击一个链接会获取到cookie5.假设在浏览器中输入www.taobao.com到页面渲染的过程6.CDN是什么，CDN解决什么问题，CDN中动态路由在哪儿发生的7.怎么判断渲染页面是下载还是网页渲染8.渲染页面时会不停的reRender是为什么9.DOM还没有点击操作时，哪些情况会触发这个reRender10.获取到新的数据后为什么会触发重新渲染11.发送请求后，一定会关闭TCP连接吗12.连接保持时间的配置参数13.keep-Alive和多路复用的区别HR面1.为什么要参加xxx比赛2.作为队长怎么进行分工3.再来一次，哪些地方可以改进4.收钱吧对比其他流程中的公司的优势和不足5.薪酬、企业文化、发展空间排序6.有了解其他公司的各类信息吗，怎么看待xxx

一面结束后显示通过，大概一个月后才约上HR面，官网显示全流程通过，拒绝了体验实习邀请无下文了一面1.为什么选择前，学习前端的路线2.问了些项目内容3.怎么实现隐藏，visibility和display的区别4.断点续传5.为什么选择echarts做图表，还有哪些可以做图表的库6.如果页面卡顿，用什么方式查看和解决，定位卡顿具体位置的方法7.token存储在什么地方，浏览器存储的区别8.token为什么存储在cookie里，token存储在cookie和localstorage里的区别9.怎么实现两个网站（域名完全不一样）的连续登录，登录一个网站后不需要再次填写身份信息10.第一个网站将令牌存储在Cookie中，并将用户重定向到第二个网站，域名不一样，Cookie能读吗11.代理服务器里面已经存取第一个网站的信息，代理服务器如何知道是第一个网站的浏览器12.闭包概念，闭包的使用场景13.假设开发一个用户登录界面，可以输入用户名和密码登录，也可以短信登陆，需要考虑哪些安全问题14.防止用户名和密码被暴力破解限制是写在前端还是后端15.超过限制次数的限制是写在前端还是后端16.一个一维数组，元素代表任务，第一个属性是id，代表唯一标志；第二个属性是执行任务所需时间，单位是s；第三个属性为依赖任务，可有可无；如果一个任务有这个属性，必须等到依赖任务执行完毕后才能执行，如果没有这个属性则随时执行，等所有任务全部执行完所需要的最短时间是多少（手撕）17.了解前端新技术新动态的渠道，最近的前端新技术HR面1.现在在哪儿2.和一轮面试官聊的怎么样，给自己打多少分3.差的分差在哪4.当时没回答上的问题是哪些5.最有挑战的一个项目6.技术方面的挑战7.在项目里承担什么样的角色8.和团队成员发生分歧怎么解决9.未来十年十五年的人生理想10.为什么希望自己成为管理层，管理层意味着什么，希望成为管理层后收获什么11.对工作地点、薪资、工作时间有什么要求

九月面的，后续-oc，已拒一面1.学习前端的路线2.什么是变量提升3.let const的区别4.html4和html5的区别5.vue2和vue3的区别6.Proxy的优点7.虚拟列表实现原理8.echarts原理（canvas和svg）9.echarts数据大规模渲染时会有性能问题，怎么解决10.需要展示数据的精度，但想要看数据的趋势，怎么考虑？（echarts的采样api：sample）二面1.HTTP介绍一下2.HTTP3.0了解吗？3.HTTP基于什么连接？4.HTTP通信方式5.HTTPS的加密过程6.HTTP状态码（304是什么）7.不同Tab页，域和端口都完全一样，数据能共享吗？为什么不能？8.强缓存和协商缓存9.解决跨域问题的方式10.跨域请求头设置时服务器端如何配置？11.js数据类型，Object下还有细分吗？12.Vue3用过吗，Vue3为什么要用Proxy？13.数据存储方式，了解其他方式吗14.场景题：一个页面往下滑动不断加载数据怎么实现？15.数据怎么放进去？前面的数据怎么处理？数据存放在哪里？怎么实现往上滑动时快速渲染出来？除了预加载数据以外还有什么方法？列表变化时进行重绘还是重排？16.display:none和visibility:hidden有什么区别？哪个造成重绘哪个造成重排？其他的隐藏方法？17.如何清除浮动18.在该场景中数据列表的隐藏应该用v-if还是v-show，有什么区别？19.获取到数据后到进行渲染这个阶段浏览器做了什么20.声明变量的方法？let、const的区别21.闭包HR面1.介绍一下参加的比赛2.公司实习与实验室项目经验有什么不同3.你的协调策划能力怎么体现4.印象最深的活动，从中学到了什么5.自我学习方式，缓解压力的方式6.哪些因素会影响offer的选择7.顺丰吸引你的点在哪里，在流程中的公司有哪些？吸引你的点是什么8.期望薪资

九月面的，二面结束很久之后挂掉了一面1.项目中负责哪些内容（问简历上的内容、项目中的场景）3.封装维护组件需要注意什么问题4.如果一个组件被多个模块复用，现在须在需求方提出新的需求，需要怎么设计5.怎么拓展组件不影响其他模块的使用6.sessionstorage和localstorage的区别7.不同的type页，sessionstorage会共享吗8.对传入文件做大小限制如何实现的9.怎么用递归实现去重10.vue组件中的data为什么会是一个函数11.v-for中key的作用12.使用index作为key会出现什么问题13.有一个数组内容[a,b,c,d]，v-for循环渲染，在数组中把a删掉后页面会怎样响应14.vue3和vue2数据劫持方案有哪些不同15.proxy代替Object.defineProperty的优点16.proxy遍历的能力具体指什么17.Object.defineProperty是逐个属性代理的吗18.Object.defineProperty对数组通过索引进行修改，可以获得响应吗19.数组指定的常用方法为什么能产生响应（重写了）20.css里的盒模型 21.content、border、padding、marginn由内到外的顺序22.BFC、如何触发23.外边距重叠发生在什么情况下24.用函数实现n到m的累加，如果n>m时返回0，用递归实现-->完成后要求用es6中函数递归优化（手撕）二面1.在项目中是如何改善用户交互体验的2.页面性能优化3.http缓存4.接口对接和联调（开发步骤）5.前端异步解决方案6.Promise的错误处理7.try/catch可以捕获promise的错误吗8.数组去重的方法9.对象去重（手撕）10.webGL（没了解）11.如果await之后，整个js主线程会停止吗12.await是怎样执行回调的13.事件循环14.实现一个div，从左边移动到右边的一个动画（手撕）15.关键路径渲染16.前端模块化方案17.ES Modules和AMD的区别18.webpack调优，webpack原理20.线程进程和协程的区别21.实现myPromise（手撕）

九月面的，一面挂1.git原理和使用2.vue的实现原理3.diff是广度优先还是深度优先4.vue3和vue2的区别、vue3的优点5.vue2和vue3底层算法的修改6.封装样式组件（项目内容）7.括号匹配（手撕）时长25分钟匆忙结束。。。

八九月面的，挂一面1.从给定的字符串 abd2013eas3dfaf5asf2daf中取出数字并计算总和，连续的数字算作一个整体（手撕）2.两个数组重新排序，排序规则: 将 a,b共有的元素按照b的顺序排序，数组中没有的元素保持原有顺序（手撕）3.从给定字符串中取出成对引号包含的内容（手撕）4.聊了会儿天5.项目深挖6.https是怎么保障安全的，在一次通信过程中，https的执行过程7.https是怎么避免被劫持的（攻击者劫持请求，返回广告内容给客户端）8.场景题：页面上有文件下载的功能，一个用户反馈不能正常下载，但其他用户都正常，应该怎么排查问题（该用户可配合排查，查看错误日志时后台没有收到错误日志）9.排查网络问题时其他网页都能正常访问，怎么确定是网络连接问题，怎么判断是权限、兼容性、网络的问题10.http状态码，502返回可能是什么原因11.CSRF攻击和XSS攻击12.localstorage和sessionstorage的区别反问前端学习建议（多动手！多发散！永远保持好奇心）二面1.介绍实习、项目、收获，项目用到的技术，项目问题2.浏览器渲染机制3.DOM树和CSSOM树什么情况下会导致重绘和回流4.重绘和回流的作用，什么属性会导致回流5.diff算法的作用和具体实现过程，如果让你写一个你会怎么写6.diff算法的时间复杂度，本质是一个什么算法7.树的遍历有哪些方式8.查找一棵树访问节点的时候用的算法有哪些9.安全和网络方面介绍一下10.发送请求时为什么会自动携带Cookie，什么情况下会默认携带cookie11.https的加密过程12.https加密解密过程涉及的算法，这些算法的区别13.浏览器输入url到显示页面的过程14.为什么挥手要多一次15.研究生的研究方向及研究成果、及业内使用的方法16.选择前端的想法 未来职业规划17.有了解过哪些后端语言

八月第一批面试，一天速通之后杳无音讯一面1.前端学习路线2.你认为前端工程师应该具备哪些能力3.从url输入到页面渲染发生的过程4.影响dns解析结果5.迭代查询过程6.tcp为什么是三次握手不是四次7.挥手为什么要比建立连接时多一次8.domtree和rendertree结构是否一致9.http1.1和http2.0的区别10.http2.0为什么要引入流量控制11.多路复用并行机制http2为什么能做到12.事件循环的过程13.宏任务和微任务的执行顺序14.settimeout（）函数能按时执行吗15.浏览器主要的进程和线程16.js引擎和渲染进程是什么关系17.页面渲染时，render线程和渲染线程是分开的，但是会造成卡顿，为什么18.宏任务和微任务在哪个阶段刷新浏览器19.vue响应式数据的构造过程20.对于vue使用什么进行功能的复用和逻辑提炼21.跨组件通信的方法22.场景题：有一个h5页面，有名称和简介，点击编辑跳转至编辑页面可以做昵称简介的修改，点击头像会跳转至第三个页面，头像选择后会跳转至编辑页面。约束条件：在编辑页中编辑简介、修改昵称，选择头像会跳转至一个新页面，点击刷新或选择头像后编辑页已填信息还在，设计功能实现。23.实现一个eventbus（手撕）二面1.项目中的难点2.再做一次这个模块--不合理的地方会怎么优化3.该系统中哪些东西是你做的4.该模块是你从设计到实现吗?你在其中担任一个怎样的角色5.项目中的亮点和优化6.前端项目性能优化7.tcp里面的time wait听说过吗？没有就算了（没有）8.http1-3有什么区别9.二叉树后序遍历迭代写法非递归/将数字个位十位百位颠倒（手撕二选一）10.哪些方法可以求圆周率的近似值（讲思路）-->生成随机点并统计落在圆内的点的比例来估计圆周率,如果随机点不够多如何保证准确度HR面1.在实习过程中做得好的地方和有待提高的地方2.希望在小红书收获什么/获得怎样的体验/未来的规划3.讲一下你认为最具代表性的项目4.哪里人？对异地base怎么看5.平时有了解小红书吗？用小红书的产品吗?6.专业是xxx，为什么做前端？

八月迎来了秋招第一个面试，答得稀啪烂1.自我介绍2.学习前端时长3.对未来的规划4.异步输出（宏任务微任务）5.事件循环6.promise三种状态7.CSS选择器权重8.伪类和伪元素9.作用域和作用域链10.垃圾回收机制11.内存泄漏及检测方法12.数组扁平化去重并排序（手撕）13.求最长有效匹配括号子串的长度（讲思路，时间复杂度和空间复杂度）可能是答得太拉，面试官苦心劝说我：多看看前端基础面试题、刷算法题一面结束后 挂