-
事件循环通过调用栈、宏任务队列和微任务队列协调异步操作。同步代码执行后，引擎先清空微任务队列，再执行一个宏任务，如此循环。例如，console.log('start')和'end'先输出；Promise.then进入微任务队列，随后执行；setTimeout回调在宏任务队列中，最后执行，因此输出顺序为：start→end→promise→timeout。微任务优先级高于宏任务，且在每次宏任务结束后立即执行。该机制由宿主环境实现，JS引擎如V8负责配合完成任务调度，确保主线程不被阻塞，保持页面响应性。
-
Vue是一个用于构建用户界面的渐进式JavaScript框架，它的核心思想是“声明式渲染”——你只描述界面“应该是什么样子”，而不是一步步告诉浏览器“怎么去改DOM”。这让你从手动操作DOM的繁琐中解放出来，专注在数据和逻辑上。Vue怎么做到声明式？靠模板+响应式数据你在HTML中写类似这样的模板：欢迎，{{name}}！你有{{count}}条消息点我加一然后用JavaScript创建一个Vue实例，把数据（name、cou
-
:focus表示元素获得焦点，常用于输入框高亮和表单验证，支持键盘导航；:active表示元素被激活，如鼠标按下时的瞬时状态，多用于按钮点击反馈。两者结合可提升交互体验与可访问性，建议保留或自定义outline，避免仅依赖颜色变化，并确保移动端响应及时，自定义组件需添加tabindex以支持聚焦。
-
ServiceWorker通过拦截网络请求实现离线访问，首先注册sw.js脚本，安装时预缓存核心资源，fetch事件中优先返回缓存资源，更新时通过版本号清除旧缓存，确保离线可用性。
-
HTML表格标题必须使用<caption>标签实现语义化和可访问性，该标签需置于<table>内首位置；可通过CSS的caption-side等属性调整样式；禁用<th>或<div>模拟标题；多语言场景下应为<caption>添加符合BCP47标准的lang属性。
-
CommonJS适用于Node.js环境，同步加载，支持动态导入；2.ES6模块为现代标准，静态解析，支持tree-shaking，更适合前端项目；3.新项目推荐使用ES6模块，兼顾前后端兼容与构建优化。
-
通过自定义:disabled伪类样式，降低背景亮度、调整文字颜色、移除交互效果并设置cursor:not-allowed，可显著提升按钮禁用状态的识别度。1.使用灰色系背景与浅灰文字明确视觉退后；2.移除hover效果与阴影，禁用状态下不响应交互；3.统一项目中各类按钮的禁用样式规则，建议采用opacity:0.6与CSS变量管理颜色；4.确保无障碍访问，保留原生disabled属性，避免仅用CSS模拟或隐藏元素。最终增强可用性，减少用户误操作。
-
HTML优化的核心是减小文件体积、提升解析渲染效率，具体包括：1.压缩HTML，去除注释、空格和换行；2.将CSS和JavaScript外链并压缩，以利于缓存和减少HTML臃肿；3.优化图片，选用WebP格式、压缩大小并使用懒加载；4.使用语义化标签，简化DOM结构以降低渲染开销；5.启用服务器端Gzip压缩，减少传输体积；6.内联关键CSS以提升首屏渲染速度；7.利用VSCodeLiveServer、Pythonhttp.server或Node.jsserve搭建本地服务器实现高效预览调试；8.熟练使用
-
利用transform实现垂直对齐最常用方式是结合绝对定位，通过top:50%和left:50%将元素移至父容器中心，再使用translate(-50%,-50%)使其自身中心与父容器重合，从而实现居中效果。
-
Reflect是JavaScript提供的静态方法集合，用于函数式、可拦截地操作对象，核心是将引擎内部操作反射为显式接口，尤其与Proxy配合实现一致、安全的元编程。
-
Promise.any在面对多个异步操作时，只关注第一个成功的结果，只要有一个Promise成功，就会立即返回该结果；若全部失败，则会收集所有错误并抛出一个包含errors数组的AggregateError。1.它适用于冗余数据源、内容加载等场景，例如从多个CDN获取资源，哪个快就用哪个；2.在多渠道认证中，后台可尝试多种登录方式，只要一个成功即可通过；3.资源回退机制中，如加载JS库时主CDN失败可尝试备用CDN或本地缓存；4.与Promise.race不同，它不会因首个Promise失败而终止，而是坚
-
数字签名通过哈希算法与非对称加密结合保障消息完整性与身份认证。发送方用哈希函数生成消息摘要，再用私钥加密摘要形成签名，接收方则用公钥解密签名并比对重新计算的摘要，一致则验证通过。任何消息改动都会导致哈希值变化，确保完整性；而私钥唯一性保证了发送方身份真实。在JavaScript中，可借助WebCryptoAPI实现，推荐使用RSA或ECDSA配合SHA-256，注意私钥保密，避免前端硬编码，可选用crypto-js等可靠库辅助实现。
-
虚拟DOM的diff算法通过同层比较、类型判断和key机制高效更新真实DOM。1.算法基于只比对同层级、类型不同则替换、key识别可复用节点三大假设，避免高复杂度。2.核心过程包括节点增删、类型变更替换及属性更新，并递归处理子节点。3.子节点比对时利用key建立映射，结合最长递增子序列计算最小移动，提升复用效率。4.辅助函数负责创建元素与同步属性，整体策略在性能与准确性间取得平衡，适用于多数场景。
-
使用CSSGrid可高效创建响应式卡片网格。首先设置容器display:grid，用grid-template-columns定义列数，如repeat(3,1fr)实现三等分列，配合gap控制间距；为实现响应式，采用repeat(auto-fit,minmax(250px,1fr))，使列数随屏幕自适应；通过align-items或justify-items统一卡片对齐方式；卡片样式可通过box-shadow、border-radius等增强视觉效果，hover时添加transform提升交互体验；若需突
-
JavaScript展开运算符（...）用于将可迭代对象或对象展开为独立元素或属性，支持数组合并与浅拷贝、函数传参、对象合并与解构、类数组转换等，但仅浅层展开且不支持null/undefined。
