-
JS实现深拷贝的核心答案是通过递归复制对象所有层级并切断引用关系，以确保副本与原数据完全独立。最简单的方法是使用JSON.parse(JSON.stringify(obj))，适用于仅含基本类型和普通对象的“纯净”数据，但会丢失函数、undefined、Symbol等，且无法处理循环引用；更通用的方案是编写递归函数，通过WeakMap记录已拷贝对象来避免循环引用，并显式处理Date、RegExp、Map、Set等特殊类型；现代JavaScript提供了structuredClone()原生API，能高效处
-
尾调用优化通过复用栈帧避免递归导致的栈溢出，其核心是函数最后一步调用另一函数且无额外操作，满足条件时编译器将当前栈帧直接替换为被调用函数的执行上下文，从而实现常数空间复杂度。
-
函数组合与管道的区别在于执行方向：compose从右到左执行，pipe从左到右执行，两者都通过连接纯函数提升代码的可读性、可维护性和可测试性，广泛应用于数据处理管道、中间件和表单验证等场景，使代码更清晰、模块化且易于演进。
-
div容器的设置主要通过CSS实现，其核心作用是内容组织和布局；1.使用HTML的<div>标签创建容器；2.通过内联、内部或外部CSS设置样式，常用属性包括width、height、background-color、border、padding、margin等；3.利用CSSGrid布局可实现二维复杂布局，通过display:grid定义容器，使用grid-template-columns、grid-template-rows、grid-gap、grid-area等属性控制结构与间距，或采用
-
轮播图卡顿的解决方法包括：使用transform代替left属性以利用GPU加速；优化图片大小并采用懒加载或预加载；避免JS频繁操作DOM，合理使用节流、防抖和requestAnimationFrame；确保CSS过渡属性设置合理。2.实现响应式与触摸滑动的方法：使用百分比宽度、flex-shrink:0和媒体查询实现响应式布局；通过监听touchstart、touchmove、touchend事件计算滑动距离，结合preventDefault阻止默认滚动，并在滑动结束后触发切换。3.常见陷阱与优化：避免
-
object标签的核心作用是作为通用容器嵌入多种外部资源，如PDF、SVG等，支持备用内容实现优雅降级；2.与iframe和embed的区别在于：object语义更强且支持多类型媒体和备用内容，iframe用于嵌入独立HTML文档并提供隔离上下文，embed则依赖插件、无备用内容，现代开发中已基本淘汰；3.实际应用场景包括嵌入PDF、高级交互SVG、非标准格式文件及作为HTML5媒体标签的备用方案；4.使用时需注意兼容性问题（插件依赖、MIME类型匹配、移动端支持）和安全风险（XSS、点击劫持、资源消耗）
-
为HTML表格添加边框阴影效果最直接的方法是使用CSS的box-shadow属性，1.可通过为<table>元素添加box-shadow实现整体阴影效果，并配合border-radius和overflow:hidden确保视觉一致性；2.若需每个单元格独立阴影，则应将box-shadow应用于<th>和<td>，并设置border-collapse:separate与border-spacing创建间距；3.适配不同主题可通过CSS变量动态控制阴影样式，切换类名即可改变
-
CSS通过transform:scale()实现元素缩放，1.基本用法是设置x、y轴缩放比例，如scale(2)或scale(0.5,1.5)，单独写一个参数则x和y等比缩放；2.常用于交互反馈如按钮悬停放大并配合transition实现平滑动画，也用于响应式设计中的图标适配；3.相较于width/height修改和zoom属性，scale不触发页面重排且性能更优；4.注意缩放后元素可能超出容器需调整overflow或容器尺寸以避免遮挡问题。
-
JavaScript中使用addEventListener方法绑定事件监听器更推荐，因为它允许多个处理函数、提供捕获/冒泡控制并支持动态移除。①addEventListener允许同一元素同一事件绑定多个处理函数，不会覆盖；②支持capture参数，可在捕获阶段处理事件；③通过removeEventListener或AbortController可精准移除监听器；④使用passive参数优化滚动性能；⑤避免内存泄漏需及时移除监听器；⑥推荐使用事件委托减少监听器数量；⑦注意this的指向问题及高频事件的节流
-
Node.js通过libuv库实现非阻塞文件I/O，其事件循环将磁盘操作委托给线程池处理。1.调用如fs.readFile时，请求被交给libuv；2.libuv使用内部线程池执行实际I/O操作；3.主线程不阻塞，继续处理其他任务；4.完成后线程通知事件循环；5.事件循环将回调加入队列并在适当阶段执行。同步I/O会阻塞事件循环，影响性能。管理回调和错误可通过Promises实现链式调用，或使用async/await语法提升可读性，同时务必进行错误捕获与处理。
-
ArrayBuffer在JavaScript中用于表示固定长度的原始二进制数据缓冲区。1)创建ArrayBuffer并通过视图操作，如Uint8Array。2)应用于图像处理，通过CanvasAPI渲染。3)使用slice方法调整大小。4)注意不同视图间的内存共享，修改会相互影响。
-
表单数据通过后端代理上传至IPFS，生成唯一CID作为内容地址；2.后端处理数据并封装为JSON与文件组合，调用IPFSAPI上传；3.CID需存储于数据库或区块链，并通过pinning服务确保数据持久性；4.数据通过IPFS网关按CID检索，实现去中心化、不可篡改、抗审查的存储优势；5.实际挑战包括数据持久性依赖pinning、无复杂查询能力，需结合传统系统使用。
-
<div>是块级元素，用于构建页面结构；<span>是行内元素，用于修饰文本内容。1.使用<div>创建页眉、导航、内容区和页脚，并通过CSS控制布局；2.使用<span>对特定文本设置颜色、字体等样式；3.<div>可嵌套<div>或<span>，而<span>内不宜嵌套<div>；4.结合CSS媒体查询、Flexbox或Grid，利用<div>和<span>实现响应式设计
-
使用<inputtype="color">可添加颜色选择器，通过value属性设置初始值如#0000ff为蓝色；2.现代浏览器普遍支持，但外观功能有差异，旧版浏览器可用jscolor等库增强兼容；3.JavaScript可通过element.value获取或设置颜色值；4.颜色值默认为有效十六进制码，仍建议用JavaScript或服务器端验证确保安全；5.表单提交时颜色值以十六进制字符串形式发送，服务器端需进行处理与验证。
-
ADT的核心组成部分包括：1.和类型（SumTypes），表示一个值可以是多种类型之一，如Success或Failure；2.积类型（ProductTypes），表示一个类型由多个字段组合而成，如包含name和age的Person类型；3.构造器（Constructors），用于创建ADT各个变体的实例。这些部分共同支持类型安全、可维护性和模式匹配，广泛应用于编译器、UI状态管理和金融产品建模等场景。
