-
localStorage与sessionStorage的核心区别在于数据生命周期：1.localStorage数据永久保留，除非手动清除；2.sessionStorage数据仅在当前会话有效，关闭标签页或窗口即清除。两者同属WebStorageAPI，容量更大且使用更简洁，localStorage适用于长期存储用户偏好、主题设置等信息，sessionStorage则适合临时数据如表单中间状态、购物车内容，均遵循同源策略，不应用于存储敏感信息。
-
this在JavaScript中的指向取决于函数的调用方式，其动态性源于绑定规则。1.默认绑定：独立调用时，非严格模式下this指向全局对象，严格模式为undefined；2.隐式绑定：作为对象方法调用时指向该对象；3.显式绑定：通过call、apply或bind指定this；4.new绑定：构造函数中this指向新对象；5.词法绑定：箭头函数继承外层this，不可更改。优先级为new>显式>隐式>默认，箭头函数凌驾所有规则。调试时可用console.log(this)或断点检查，最佳实
-
Date.prototype.getSeconds()是JavaScript中用于获取本地时间秒数的方法，返回0到59的整数。1.getSeconds()返回基于本地时区的秒数，而getUTCSeconds()返回UTC时间的秒数；2.返回值为0-59的整数，不足两位时不自动补零，可通过padStart()或条件判断格式化为两位；3.常见问题包括非Date对象调用导致错误、时区混淆、精度限制及Date对象的可变性影响。使用时应明确时间来源和格式化需求，避免跨时区或高精度场景下的误用。
-
grid-template-columns用于手动定义列宽，适用于固定结构布局；grid-auto-columns用于自动创建列，适用于动态内容扩展。例如：grid-template-columns:200px1fr2fr;定义三列宽度；而grid-auto-columns:150px;控制自动生成的列宽。使用时，若内容超出手动定义的列数且设置grid-auto-flow:column，则浏览器会自动生成新列并应用grid-auto-columns的值。两者可共存，互不干扰，分工明确。
-
模态框的显示与隐藏可通过纯CSS实现基础功能。使用:target伪类可实现简单切换，点击链接时URL锚点触发模态框显示，关闭链接则隐藏；优点无需JS，缺点无法处理复杂交互。使用复选框+隐藏input可控制状态，label触发checkbox状态变化，适合无JS多状态控制，但需结构层级一致。复杂交互建议结合JS，CSS负责样式定义，JS控制行为，实现遮罩层关闭、动画过渡等功能，保持结构清晰与分离。
-
ES6模块化通过静态分析在编译时确定依赖关系，有效管理大型项目中的依赖，提升可维护性。1.支持命名导出和默认导出，清晰组织模块功能；2.通过import和export实现按需引入，避免全局变量污染；3.使用构建工具如Webpack解决浏览器兼容性问题；4.支持动态import()语法实现异步加载，提高性能；5.提供export*和别名等高级用法，增强模块灵活性。这些特性使大型项目代码更清晰、高效、易维护。
-
CSS变量通过var()函数定义和使用，提升样式维护效率与一致性。1.定义变量：在:root或特定元素中使用--变量名语法定义；2.引用变量：通过var(--变量名)在任意CSS值中引用；3.设置回退值：var(--变量名,默认值)用于应对未定义情况；4.动态修改：可通过JavaScript操作元素的style.setProperty()方法更新变量；5.作用域遵循继承规则：全局变量定义于:root，局部变量定义于具体元素，子元素可覆盖父元素变量；6.适用场景包括主题切换、样式一致性、响应式设计及复杂布局
-
本文档详细介绍了如何在Node.js环境下解析JSON数据，并根据特定名称检索对应的ID。涵盖了JSON解析、对象遍历、条件判断等关键步骤，并提供代码示例和注意事项，帮助开发者高效地从JSON数据中提取所需信息。
-
CompositionAPI通过setup函数提供灵活、可组合的逻辑管理方式。1)与OptionsAPI相比，CompositionAPI提高了代码的可读性和复用性。2)使用ref和reactive创建响应式数据，computed计算派生状态。3)生命周期钩子通过onMounted等函数在setup中管理。4)逻辑复用通过封装可复用函数实现，如表单验证。5)注意性能优化和代码组织，避免过度使用computed和watch，并保持代码结构化和注释清晰。
-
本教程详细讲解如何在Phaser游戏中为一组精灵实现基于距离的追逐玩家行为。文章将指出并纠正常见的代码错误，包括静态组的误用、遍历精灵组的正确方法，以及如何利用Phaser内置的数学工具精确计算距离。通过实例代码和最佳实践，帮助开发者构建高效、准确的敌人AI逻辑。
-
JavaScript的事件循环与WebSockets的关系在于1.浏览器底层以非阻塞方式处理WebSockets的网络I/O，2.事件循环调度数据就绪时的回调执行。当创建WebSocket实例并发送或接收数据时，实际通信由浏览器在独立线程中完成，不会阻塞主线程；当有消息到达或连接状态变化时，浏览器将事件封装成任务推入事件队列；事件循环依次从队列中取出任务并执行对应的回调函数（如onmessage、onopen、onclose、onerror），确保实时通信高效进行且界面保持响应。
-
<meter>标签通过value、min、max属性显示度量值，1.value表示当前实际数值，2.min定义最小范围，3.max定义最大范围。例如磁盘使用率可通过value="75"min="0"max="100"展示。此外，low、high、optimum用于划分“差”、“中”、“好”的区间状态，如温度示例中low="15"high="30"optimum="22"。与<progress>的区别在于<meter>展示静态度量状态，而<progress>表
-
XSS防御需针对不同上下文进行安全编码。1.HTML内容中转义&为&、<为<、>为>、"为"、'为'。2.JavaScript字符串中对特殊字符使用\xHH或\uHHHH格式编码。3.URL中非字母数字字符转换为%HH形式。4.CSS属性值中非字母数字字符用\HH或\HHHHHH编码。5.推荐使用自动编码框架根据上下文自动选择编码方式。此外还需输入验证、CSP策略、HttpOnlyCookie、HTML净化库
-
Object.getPrototypeOf用于获取对象的原型。1.查看对象原型：console.log(Object.getPrototypeOf({}))返回Object.prototype。2.检查继承关系：console.log(Object.getPrototypeOf(Object.create({foo:'bar'}))==={foo:'bar'})返回true。3.遍历原型链：使用递归函数getPrototypeChain(obj)可以查看完整原型链。
-
IndexedDB是浏览器中用于处理大量结构化数据存储的客户端解决方案。1.它支持异步操作，不会阻塞主线程，适合大规模数据和复杂应用场景；2.提供事务机制，确保数据操作的原子性；3.支持索引和游标，便于高效查询和遍历；4.存储容量远超LocalStorage，通常以GB计算；5.可直接存储JavaScript对象及二进制数据（如Blob、File）；6.适用于离线应用、大型缓存、需本地持久化存储的场景；7.挑战包括学习曲线陡峭、调试困难、版本管理和缺乏复杂数据库功能。
