-
this在JavaScript中的指向取决于函数的调用方式，其动态性源于绑定规则。1.默认绑定：独立调用时，非严格模式下this指向全局对象，严格模式为undefined；2.隐式绑定：作为对象方法调用时指向该对象；3.显式绑定：通过call、apply或bind指定this；4.new绑定：构造函数中this指向新对象；5.词法绑定：箭头函数继承外层this，不可更改。优先级为new>显式>隐式>默认，箭头函数凌驾所有规则。调试时可用console.log(this)或断点检查，最佳实
-
使用Promise实现延迟执行的核心在于将setTimeout包装为Promise，以支持链式调用和async/await。通过创建一个在setTimeout回调中调用resolve的Promise，可实现非阻塞的延迟操作；例如：functiondelay(ms){returnnewPromise(resolve=>setTimeout(resolve,ms));}，随后可通过.then()或await顺序执行异步任务。其应用场景包括1.用户界面交互优化，如搜索框防抖；2.动画序列控制，按节奏执行动
-
HTML5的<dialog>元素用于创建语义化的对话框或模态框，通过open属性控制可见性，showModal()方法实现模态行为。1.使用JavaScript调用showModal()显示模态框并自动聚焦内部元素；2.通过CSS设置dialog样式和::backdrop伪元素定制遮罩层；3.表单提交时需阻止默认行为，使用FormData和fetchAPI异步提交数据；4.对于兼容性问题，可通过检测支持情况并引入dialog-polyfill库进行修复。
-
在CSS中设置字体需通过font-family属性指定字体列表，浏览器按顺序查找可用字体；引入外部字体则使用@font-face规则。1.font-family应优先列出首选字体，随后是备选中文字体、英文字体及通用字体族（如sans-serif），以确保兼容性和可读性。2.使用@font-face时，推荐采用WOFF2格式，并结合WOFF以提高兼容性与性能；3.设置font-display属性优化加载体验，常用swap策略避免文字隐形；4.对字体进行子集化处理，减少文件体积；5.字体文件托管于CDN时需注
-
JavaScript中实现异步迭代的核心在于利用forawait...of循环配合实现了Symbol.asyncIterator接口的对象，使得处理异步数据流如同同步遍历一样直观。1.异步迭代依赖于Symbol.asyncIterator协议，要求对象必须有一个以该符号为键的方法，返回一个异步迭代器；2.异步迭代器的next()方法必须返回Promise，并最终解析为包含value和done属性的对象；3.最便捷的实现方式是使用异步生成器函数（asyncfunction*），其自动实现协议并返回异步生成器
-
应使用Promise.finally执行无论Promise结果如何都需运行的清理任务，如关闭连接或隐藏加载指示器。它确保代码在Promise链末尾执行且不影响Promise结果，避免了then/catch中的重复清理逻辑。在async/await中可用于try/catch后的资源释放，同时适用于文件、数据库等资源管理。若环境不支持可引入polyfill以兼容旧版本。
-
fill()方法常见应用场景有四：1.创建并初始化固定长度数组；2.重置数组特定部分；3.算法中使用全值数组作为初始状态；4.填充占位符或默认值数组。例如newArray(10).fill(0)快速生成十个零，gameBoard.fill(null,2,5)清空棋盘部分区域，visitedNodes=newArray(100).fill(false)标记节点访问状态，placeholders=Array(5).fill('待定')生成默认占位数组。
-
for...in遍历对象键，for...of遍历可迭代值。1.for...in用于遍历对象的键名，适用于对象和数组，但遍历数组时可能包含原型链属性，需配合hasOwnProperty使用；2.for...of用于遍历可迭代对象（如数组、字符串、Map等）的值，更直观安全，但不适用于普通对象；3.若需同时获取键和值，可用Object.entries()+for...of；4.根据数据类型选择合适方式：对象用for...in，可迭代结构用for...of。
-
在Vue.js应用中防止DDoS攻击需要前后端协同采取措施：1)前端使用setTimeout和setInterval限制用户请求频率；2)后端设置速率限制、负载均衡、缓存和WAF等防御策略。
-
JavaScript引入BigInt是为了解决Number类型无法安全表示超大整数的问题，1BigInt能表示任意精度的整数，避免超出Number.MAX_SAFE_INTEGER导致的精度丢失；2创建方式包括加n后缀或使用BigInt()构造函数；3支持常规算术和位运算，但除法结果会截断小数部分；4与Number不可直接混合运算，需显式转换；5比较时宽松相等会类型转换，严格相等不会；6JSON序列化需自定义处理；7不支持Math对象方法；80n为假值，其他为真值；9性能上不如Number，适用于特定高精
-
console.table的核心作用是将结构化数据以表格形式输出，提升调试可读性。1.它支持两种参数类型：对象数组和属性值为对象的普通对象；2.输出时自动将对象属性转为列名，适用于用户列表、产品信息等重复结构数据；3.可通过第二个参数指定显示列，减少视觉噪音；4.嵌套对象需预处理扁平化才能完整显示字段内容；5.相比console.log，table更适合分析多条结构化数据，支持列排序；6.优化方式包括限制输出条数、筛选关键字段、提前处理复杂结构；7.实际应用涵盖DOM属性检查、状态管理调试、配置项概览及数
-
JavaScript的异步任务调度依赖事件循环机制，通过宏任务和微任务协调执行顺序。1.宏任务包括script、setTimeout、setInterval、I/O、UI渲染等，每次事件循环只执行一个；2.微任务如Promise回调、MutationObserver、queueMicrotask优先级更高，在宏任务结束后立即清空执行；3.事件循环流程为：执行宏任务→执行所有微任务→UI渲染→下一轮循环；4.理解该机制有助于避免主线程阻塞、预测代码执行顺序、优化async/await使用；5.优化方式包括拆
-
JavaScript的空值合并运算符（??）与逻辑或（||）的核心差异在于判断“空值”的标准不同。1.??运算符仅当左侧为null或undefined时才返回右侧操作数，保留0、false和''等有效值；2.||运算符基于“假值”判断，遇到0、false、''、null、undefined或NaN都会返回右侧操作数。因此在需要区分有效假值和真正缺失值的场景，应优先使用??来避免误替换有效数据。
-
拖拽上传功能的核心在于监听dragenter、dragover、dragleave和drop事件，阻止默认行为，并使用FileReader读取文件内容；具体步骤为：1.创建HTML拖拽区域并设置样式；2.编写JavaScript代码监听拖拽事件并阻止默认行为；3.高亮显示拖拽区域以提供视觉反馈；4.通过FileReader读取文件内容并展示；对于大文件上传，可采用分片上传策略，包括将文件分割成多个小块、并发上传、断点续传及服务端合并等步骤；优化用户体验方面可通过视觉反馈、上传进度条、错误提示、支持多文件上
-
contenteditable的优势包括浏览器原生支持、上手快、适合简单编辑场景；局限性包括跨浏览器行为不一致、复杂操作支持差、安全风险高。具体来说，1.优势：无需第三方库，快速实现基础编辑功能；2.局限：输出HTML不可控、难以处理撤销/重做等高级功能、易引入XSS攻击。针对常见挑战的解决方案包括：1.使用DOMPurify清理HTML；2.手动操作DOM以获得更高控制力；3.自建历史栈实现撤销/重做；4.拦截paste事件并规范化粘贴内容；5.管理光标选区提升交互体验。构建富文本编辑器还需考虑UI设计
