《web前端面试题》专题

3.15 一面 先问了一些项目上的问题，了解一下会的技术栈，然后根据技术栈和项目中出现的常见问题进行提问，然后就是八股文 1、重绘和重排的区别，什么时候会触发重绘和重排 2、script的引入方式，defer和async的区别是什么 3、跨域的解决策略有哪些？ 4、浏览器的本地存储的区别，项目中的登陆信息怎么存的？ 5、localStorage和Cookie存储如果不注意，会有什么安全问题？ 6、

被问到了好多不太会的，写个面经记录一哈，不知道能不能过，至少算是查漏补缺了。 1、vue的自定义指令 （不知道） 自定义v-bind/v-if类似的指令操作。组件内directives或Vue.directive全局绑定，定义bind、inserted、update方法，传入的参数是element和binding，对绑定的dom节点做相关操作。 2、事件队列 promise中写setTimeout

自我介绍 20分钟在线笔试（38道） 问了笔试题的一个问题，js有哪些方法不会改变原数组？（, , , , ）（目测是因为这道题完全选反了，面试官才问的，好久没看了有点忘记） CSS的position有哪些取值？讲讲 什么时候用canvas，什么时候用svg？ js有哪些数据类型？ 给一个变量，如何判断是否是普通对象？key-val那种（我猜是直接用instanceof） 讲讲防抖和节流的区别 E

二面（8月25日） 大概1个小时左右 自我介绍 看代码说输出（三个读代码） 问项目，团队多少人，是公司项目吗 浏览器进程和线程有哪些 css position属性有哪些 渲染页面的过程 手写题：给个数组 [100, 200, 300, 400]，每一项表示概率，return 随机到的索引值 hr 面（8月30日） 常规问题（其实是忘记了。。。） #美团##前端#

没录音，凭记录写了 8.30 给用户的展示组件需要考虑哪些东西？组件的使用率？面试官：你的方法可以，但是你考虑的更多是在开发者的角度，没有站在用户的角度，建议去了解一下换肤功能 ts和js，ts有什么优点、缺点？现在很多公司都在用ts了，你觉得为什么 你觉得实习给你带来了什么？收获？ 。。。。。其他的应该比较平常，我忘了 this指针的题： 主要问第三个，我说对了但是理由解释的不好，对于我堆这块的

没录音，凭记忆写一下 8.31 介绍项目 聊项目中的点 项目中有很多数据的展示，数据很大时候format怎么做？ 简历上写参与项目的设计与开发，设计？面试官理解的是有针对现有的问题进行优化，提出设计方案并实施（emmm好像没有 commonjs和es6的模块化 数据的实时展示怎么做？答：polling或者websocket，我说项目中用的polling，他说为什么不用websocket(好问题 首

面试感受：面试官很和善，整体面试体验非常好，只是小弟不才，菜是原罪 面试时间：09.06 14:30 面试范围：主要是问项目和Vue，我精心准备的八股文和手撕题，全部没用上... 面试问题 自我介绍 这里我介绍自己以后想往全栈发展，面试官疑惑脸，你做前端的为啥要往全栈发展啊。应该他们公司可能做跨端的比较多，我就不该画蛇添足说自己要做全栈... 对 Node.js 的了解，接触过 Node.js 吗

1. 前端技术栈，react版本 2. 写一个函数判断数据类型 3. 对象解构（嵌套的忘记写：了，他说不对） 4. this指向什么为什么（答的很烂） 5. react18更新的地方 6. 副作用是什么，什么不是副作用 7. useEffect参数 8. 类组件用吗？为什么要提到（我在背书被发现了呜呜呜 9. 组件什么时候更新 10. 如何定义props改变了 11. 父组件更新，子组件更新吗，为

1.自我介绍 2.项目介绍 3.实习经历 4.竞赛经历 5.跨域以及跨域的解决办法 6.那些标签可以跨域加载资源，怎么加载 7.哪些方法能对上述标签里面的内容进行修改 8.doucument.write相关问题 9.前端用户登录流程 10.token怎么保存，保存在哪里（答localstorage、vuex） 11.vuex刷新了还保存吗？怎么解决不保存的问题 12.localstorage如果被

电话面试，接到电话之前很紧张 1、为什么学前端 2、学了多久了 3、说说this 4、改变this的方法以及方法之间的区别 5、执行上下文有哪些 6、es6新特性 7、在new Promise时传入的执行函数里面throw Error会怎么样 8、class继承和es5继承有什么区别（我说没区别，好像面试官不是很满意） 9、说说浏览器事件环 10、打开一个网页浏览器开了那些进程（没答好） 11、h

攒好运！！！希望有好运好运好运！！ 一面 1.为什么选择vue，vue和其他各有什么好处 2.h5特性 3.web worker 4.js的阻塞问题 5.url输入到页面显示 6.缓存 7.cookie和session区别 8.缓存存在哪里/磁盘 9.重排和重绘 10.如何减少重排重绘 11.去重方式 12.filter和includes源码 13.diff算法 二面 1.实习难点 2.url输入

面试感受：面试官循循善诱，会引导人真的很好 面试时间：09.14 14:00 面试范围：项目、八股、聊天 自我介绍 介绍你熟悉的一个项目，项目做了什么工作，项目的难点亮点 深挖项目里的一个侧边栏菜单，如果菜单嵌套层级很多影响效率，你怎么办。没想出来 你简历上写了了解浏览器原理，说下浏览器输入 URL 到渲染出来的过程。说得太详细被打断了 说下HTTP 缓存：强制缓存和协商缓存 看得出来你对浏览器缓

整体流程45分钟左右，面试官先讲解一些流程，会问一些前端相关知识，然后结合项目和实习去深挖，良好的面试体验+1 1.说一下你对flex布局的理解，以及一些常用的属性 2.space-between和space-around两者都区别 3.回流和重绘 4.回流一定会引起重绘吗 5.哪些操作会引起重绘但是不会引起回流 6.在js中0.1+0.2 ===0.3吗？为什么？怎么解决？ 7.vue里面组件通

一面 记不得多久了，二面大概超过一星期才约的 JS部分 闭包，哪些地方运用了闭包，提到了防抖节流，于是手撕，闭包怎么取值 其他不记得了，哈哈 CSS部分 说下flex布局吧 align-items和text-align的区别，那items指得是什么，我想让这个容器的其中一个居中呢（这个当时真忘了叫align-content，直接不好意思） 框架 React的渲染流程讲一遍 我看你更偏向函数组件，刚

面试感受：八股文很久没背讲得很乱，面试官讲话很有礼貌但有点不耐烦的样子，很糟糕的一次面试 面试时间：9.22 14:15 面试范围：全问八股文，心态崩了 面试问题 开头直接说从计算机基础开问...一开始就感受到要凉的节奏 1.HTTP 跟 HTTPS 协议的区别 2.HTTP 请求头和响应头的构成 3.常见的 HTTP 状态码 4.浏览器从 URL 输入到渲染完成的过程 5.堆和栈的概念 6.栈溢