JS

Array flatten 题目 写一个函数，实现 Array flatten 扁平化，只减少一个嵌套层级 例如输入 [1, 2, [3, 4, [100, 200], 5], 6] 返回 [1, 2

Vue 错误监听 题目 如何统一监听 Vue 组件报错？ 分析 真实项目需要闭环，即考虑各个方面，除了基本的功能外，还要考虑性能优化、报错、统计等。 而个人项目一般以实现功能为主，不会考虑这么全面。所

设计模式 题目 前端常用的设计模式？什么场景？ 开放封闭原则 设计原则是设计模式的基础，开放封闭原则是最重要的：对扩展开发，对修改封闭。 工厂模式 用一个工厂函数，创建一个实例，封装创建的过程。 应用

渲染 10w 条数据 题目 后端返回 10w 条数据，该如何渲染？ 设计是否合理？ 前端很少会有一次性渲染 10w 条数据的需求，而且如果直接渲染会非常卡顿。 你可以反问面试官：这是什么应用场景。然后

koa2 洋葱圈模型 题目 请描述 Koa2 的洋葱圈模型 解释 代码参考 Koa2 官网 图示..................................

网页多标签页之间的通讯 题目 网络多标签之间如何通讯？ 例如打开两个 chrome 标签，一个访问列表页，一个访问详情页。在详情页修改了标题，列表页也要同步过来。 webSocket 通过 webSo

前端攻击 题目 你所了解的前端攻击手段有哪些，该如何预防？ XSS Cross Site Scripting 跨站脚本攻击 用户通过某种方式（如输入框、文本编辑器）输入一些内容，其中带有攻击代码（JS

defer 和 async 题目 <script> 的 defer 和 async 属性有何区别 答案 <script src="xxx.js"> 当解析到该标签时，会暂停 html 解析，并触发 j

Cookie的作用域仅仅由domain和path决定，与协议和端口无关。 相同域名不同端口的两个应用，cookie名字、路径都相同的情况下，后面cookie会覆盖前面的cookie。 结论：根据同源策

requestIdleCallback 题目 是否了解过 requestIdleCallback ？ 由 React Fiber 引起的关注 React 16 内部使用 Fiber ，即组件渲染过程可

js-bridge 原理 题目 请描述 js-bridge 原理 微信 jssdk 微信中的 h5 通过 jssdk 提供的 API 可以调用微信 app 的某些功能。 JS 无法直接调用 app 的

nodejs 多进程 题目 nodejs 如何开启一个进程，进程之间如何通讯 进程 process 和线程 thread 进程，是操作系统进行资源调度和分配的基本单位，每个进程都拥有自己独立的内存区域

for vs forEach 题目 for 和 forEach 哪个更快？为什么 测试 测试结果：for 更快 创建函数需要开销 for 直接在当前函数中执行，forEach 每次都要新创建一个函数。

浏览器和 nodejs 事件循环的区别 题目 浏览器和 nodejs 事件循环的区别 单线程和异步 JS 是单线程的，浏览器中 JS 和 DOM 渲染线程互斥。 单线程，代码就必须“串行”执行，无法并

JS 内存泄漏 题目 如何检测 JS 内存泄漏？内存泄漏的场景有哪些？ 详细参考：垃圾回收机制 - 掘金 (juejin.cn) 垃圾回收 正常情况下，一个函数执行完，其中的变量都会是会 JS 垃圾回

options 请求 题目 跨域为何需要 options 请求？ 跨域 浏览器同源策略，默认限制跨域请求。跨域的解决方案 jsonp CORS options 请求 使用 CORS 跨域请求时，经常会

JS 严格模式和非严格模式 题目 JS 严格模式和非严格模式的区别 设计初衷 Javascript 设计之初，有很多不合理、不严谨、不安全之处，例如变量未定义即可使用 n = 100。严格模式用于规避

for...in 和 for...of 的区别 题目 for...in 和 for...of 的区别 key 和 value for...in 遍历 key , for...of 遍历 value 遍

箭头函数的缺点 题目 什么时候不能使用箭头函数？ 箭头函数的缺点 没有 arguments 无法通过 call apply bind 等改变 this 简写的函数会变得难以阅读 不适用箭头函数的场景

节流和防抖 题目 节流和防抖有何区别？分别用于什么场景？ 防抖 防抖，即防止抖动。抖动着就先不管它，等啥时候静止了，再做操作。 例如，一个搜索输入框，等输入停止之后，自动执行搜索。 节流 节流，即节省