为什么

数组扁平化是将多层嵌套数组转化为一层数组，常用方法包括ES2019的flat()、递归、reduce结合递归及迭代法；flat()性能好且简洁，适合现代环境，递归灵活但可能栈溢出，迭代法可避免栈溢出，适用于深度嵌套场景。 JavaScript数组扁平化，简单来说，就是把一个多层嵌套的数组（也就是二维…

图片懒加载的实现首先通过将img标签的src替换为data-src来延迟加载，1. 使用intersectionobserver监听图片是否进入可视区域，进入则加载；2. 兼容性不足时可引入polyfill；3. 可通过getboundingclientrect或计算偏移量判断，但性能较差；4. 推…

最直接且推荐的方式是使用扩展运算符（…）或concat()方法。1. 扩展运算符能将多个数组展开并合并为一个新数组，语法简洁且支持插入非数组元素，同时保持原数组不变；2. concat()方法可连接两个或多个数组并返回新数组，还能直接接收非数组参数将其作为元素添加。两者均不修改原数组，符…

闭包可用于在javascript中实现多步表单的状态管理，通过创建私有变量如currentstepindex和formdata来持久化表单状态；2. 使用工厂函数createmultistepform返回包含nextstep、prevstep、getformdata等方法的对象，这些方法共享并操作闭…

javascript中创建排除某些值的新数组应使用filter方法而非寻找without函数；2. 可自定义without函数利用filter和includes实现灵活排除；3. reduce方法也可用于排除，但代码较filter复杂；4. 对象数组可通过属性值使用filter进行排除；5. 当排除…

理解事件循环对优化javascript性能至关重要，因为它决定了代码执行顺序和异步任务调度。1. javascript是单线程的，长时间任务会阻塞主线程，导致页面卡顿；2. 事件循环通过协调主线程、web apis与任务队列，实现非阻塞执行模型；3. 微任务（如promise回调）优先于宏任务（如s…

同步任务会立即阻塞主线程执行，异步任务不会阻塞而是放入事件队列等待执行；2. 理解二者区别对编写高性能javascript至关重要，可避免耗时操作导致界面卡顿；3. 识别方式：直接语句如赋值为同步，含回调、promise、async/await的如settimeout、fetch为异步；4. 执行顺…

最直接的方法是调用事件对象的 stoppropagation() 方法，1. 使用 event.stoppropagation() 可阻止事件在dom树中向上冒泡，适用于现代浏览器；2. 对于老版ie可使用 event.cancelbubble = true 作为兼容方案；3. 阻止冒泡常用于限定事…

原型链的顶层对象是object.prototype，其原型为null，标志着原型链的终点；2. 通过循环调用object.getprototypeof()可遍历至顶层，最终返回object.prototype；3. 理解原型链尽头有助于掌握继承机制，避免直接修改object.prototype带来的…

获取页面滚动距离主要有三种方式：1. 使用window.pageyoffset，适用于现代浏览器且符合w3c标准；2. 使用document.documentelement.scrolltop，在标准模式下有效；3. 使用document.body.scrolltop，在怪异模式下有效。由于不同浏览…