《前端》专题

在国外，早上7点起来迷迷糊糊面试的，40分钟无手撕。 1. 自我介绍+简单问了下项目 2. js基础类型和对象有什么区别？ 3. js对象存储在什么地方？对象中的值存储在什么地方？ 4. js中将一个对象的值传到html的div，js的值如果修改了怎么让html随之变化？html的值更改了怎么让js的值变化？ 5. 解释一下事件循环 6. 如果浏览器中什么任务都没有，是否存在事件循环的概念？ 7.

时间：37分钟 全程八股，无项目，无手撕 笔试a了1.09/3竟约面了 定位方式position取值和各自特点 flex有哪些属性 js异步方式有哪些，各种方式的优缺点 js事件循环，宏任务微任务 vue和react组件通信的方式 vuex的理解 es6的模块化 组件化和模块化的区别 vue和react的区别 vite与webpack的区别 vite为什么快 还有一些小细节记不清了 有的知识点也会

个人介绍 你的前端学习路线 对原型链的理解 你对继承有什么了解吗？有几种方式？优劣？ 你对异步编程有什么了解？就回调函数、Promise，async/await，具体的是指什么？ 闭包的理解 你提到了词法作用域？说说你的理解 你对事件循环的了解？ 给一段代码，事件循环结果输出是什么 说说你对Vue的理解 视图层如何更改数据层？ 说说你对虚拟DOM的理解？ 你提到了patchFlag，如果不用虚拟D

面试的侧重点在项目的具体实现，会问细节的代码是如何实现的，现场写一下实现过程（具体用了css哪些属性，用了js哪些方法等等），所以要对项目非常熟悉。同时，会从项目进行一个延伸，问某部分性能的优化，如何提升用户的体验等等。 面试官很友好，最后问面评，感觉是想给我点鼓励，夸我很乐观哈哈哈哈哈。上一个夸我乐观的面试官反手就给我挂了。

大概50min，面试官很温柔，问的都是八股。手撕了一个深拷贝，问了一个promise的输出 new Promise((resolve,reject) =>{ console.log(1); resolve(); console.log(2); }) .then(() =>{ setTimeout(()=>{ console.log(3); }, 0); }) .catch()=>{ console

0.自我介绍 1.iframe传参 2.pinia原理 3.装饰器decorator使用场景？什么是aop？ 4.object.create使用场景？ 5.object.freeze原理？深层对象可以freeze吗？freeze hook实现修改freeze住的字段？ 6.public protected private区别 7.drag api 原理 8.grid布局和flex布局区别 9.权限

全程70分钟左右，问的很抽象，大部分是一些理解之类的，一开始和最后简单问了几句项目，项目规模、项目时间冲突、为什么没找实习之类的问题。问题都记得不太清楚了，大概整理了一下。 Vite的部分，我一开始就说了我不太了解Vite，但是面试官说没关系，不用想着标准答案是什么，就是一起讨论一下。然后就说了好久好久...... 1.你认为的前端是什么? 你觉得车机系统，就是那种大屏显示交互的，属于前端吗? 2

JS数据类型有哪些？ 引用数据类型和基本数据类型的区别是什么？ 如何判断一个对象是不是空对象？ 代码输出： const obj1 = { key: 'value1', }; const obj2 = { key: 'value2', }; function func1(obj1) { obj1.key = 'value11'; return obj1; }

自我介绍 根据自我介绍提问，包括项目和实习 然后https起手 跨端 知不知道react native 小程序双线程模型 以上除了https都不知道，说只知道rn是用react来写客户端 然后问了几个react问题，问hooks，问useMemo，useCallback区别，我只是简单说了使用上的区别，没怎么背过react八股 Promise.all，口述怎么实现（现在都喜欢口撕代码吗？），加限制

40分钟，还是电话面，纯聊实习，0八股 1. 自我介绍 2. 讲一下你历段实习最有挑战性的项目 3. 讲一下你最近一次实习的项目 4. js里对象如何合并 -- 扩展运算符，Object.assign() 5. 怎么可以设置对象里的属性不可修改 -- defineProperty，Proxy 6. React生命周期 7. 面试官猛和我探讨实习项目里有关forwardRef的细节，lz这里被问住了

30min，全程扣着项目来问的 1. 后台系统的登录流程 2. 如果用户清除浏览器缓存，删除了token，如何依然保持登录状态 3. 怎么定期刷新token 4. 如何实现的不同用户权限不一样 5. 某个按钮，只有特定用户才有权限操作。没有权限的用户就隐藏该按钮，如何实现？ 6. echarts呈现多个图表的时候，怎么优化？ 7. 使用redux来缓存数据合适吗？ 8. 怎么自学的前端？目前学到什

1、flex布局 2、position定位：fixed、relative和absoluted区别 3、js数据类型，Symbol是什么、有什么用 4、ES6新增哪些API 5、TCP四次挥手 6、localStorage和sessionStorage，存储大小 7、跨域怎么解决（开发环境和生成环境） 8、跨域是浏览器的行为吗，浏览器能接受到响应吗（接受得到，但是network那里应该是看不到？）

1、什么时候接触的前端 2、介绍一下实习项目（讲了挺久） 3、开始问项目： canvas对（老旧）手机怎么优化性能； canvas绘制怎么对屏幕进行适配；在960px对屏幕画完，放到1400px对屏幕上会怎么样 有没有遇到图片清晰度的问题，怎么解决； 图片编辑完怎么存给后端保存； 4、组件间通讯方式 5、http缓存 6、Fiber结构主要解决什么问题（只答出解决调用栈过长的问题） 7、工作城市的

面试问题 js基础 数组方法 算法 讲一下快排，时间复杂度 计网 三次握手 HTTP协议相关，自己选 HTTP和HTTPS的区别 vue vue生命周期 项目 挑一个功能点讲一讲 体验： 题目都看过，回答的一般般，因为太freestyle了，可能答的不是很清楚。 答题的时候好像看到面试官笑了，不太清楚什么情况... 作为第一个面试，体验很nice的。 反思： 八股要直接准备一个面试版本，不要以为懂

进程调度的策略有哪些？ 堆区和栈区的区别？ 浏览器的缓存策略？ 代码输出 const obj = { a: () => { console.log(this); } } obj.a.call('123'); const obj = { a: function() { console.log(this); window.set