-
动态网页的本质是运行时生成内容，而非仅改文件后缀；前端最常用方式是JavaScript操作DOM并配合fetch加载数据，服务端动态需对应环境支持。
-
Object.hasOwn是ES2022引入的静态方法，用于安全、准确检测对象自身是否拥有指定属性，替代易受原型污染影响的hasOwnProperty；它不依赖原型链、支持null/undefined、参数为(obj,prop)，且类型更精确。
-
对象字面量简写可压缩低代码平台中自定义异步逻辑的生命周期代理代码：用方法简写替代function、计算属性名动态挂载钩子、解构+箭头函数代理异步调用、结合defineAsyncComponent实现懒加载。
-
VSCode默认不预览index.html，必须用LiveServer启本地HTTP服务才能真正运行；双击或拖入浏览器走file://协议会导致fetch、ES模块、跨级相对路径等全部报错，因浏览器安全策略拦截。
-
Provide/Inject是Vue跨层级通信与架构解耦的核心机制，基于响应式引用共享实现稳定数据传递、符号键保护、只读注入及与CompositionAPI深度协同，可替代Vuex/Pinia实现轻量状态分片。
-
反应力测试游戏必须用performance.now()而非Date.now()，因其精度达微秒级、单调递增且不受系统时钟影响；需配对keydown/keyup、禁用被动事件监听、显式清除定时器，否则会导致计时错误或负值。
-
JavaScript事件循环的核心是宏任务与微任务的结构性配合：每个宏任务执行完后必须清空全部微任务，才能执行下一个宏任务；宏任务如script、setTimeout、用户事件等定义节拍，微任务如Promise.then、queueMicrotask等在宏任务结束后强制插队并全部执行完毕。
-
Flex容器未生效需先确认display:flex是否作用于正确父元素且该父元素有可计算高度；rpx慎用于flex-basis等影响布局骨架的属性，避免跨设备尺寸偏差。
-
多层定位本质是包含块与层叠上下文的嵌套；每层absolute元素需父元素显式设position（relative/absolute/fixed/sticky）或触发包含块的属性（如transform），否则定位基准错乱；z-index失效多因中间层意外创建stackingcontext。
-
闭包是JavaScript模拟类私有字段最成熟、兼容性最广的传统方案，通过函数作用域隔离变量实现外部不可直接访问、仅能通过返回方法间接操作的私有性。
-
用console.log配合%o占位符和自定义#debug-panel容器实现可折叠调试面板，通过MutationObserver监听DOM变化并节流更新，仅在data-debug属性存在时启用，避免生产环境泄漏。
-
是的，打印时颜色变灰或消失通常因使用rgba()等含alpha的颜色函数，打印机不支持透明度；应统一替换为rgb()或十六进制色值，并检查SVG、组件库等隐含来源。
-
Object.seal仅禁止增删属性及修改描述符，不改变writable状态，故可写属性值仍可修改；它不提供原子性、同步或线程安全保证，仅用于单线程下对象结构保护。
-
Canvas流体效果本质是粒子系统加速度场更新：用800–2000个粒子在二维速度场中运动，以显式欧拉法积分，贝塞尔曲线连接邻近粒子；关键在速度场计算、粒子响应与防抖连点逻辑。
-
AbortSignal.timeout仅在Chromium120+、Firefox125+、Safari17.4+原生支持，旧版抛TypeError；需运行时检测，降级须用Promise.race且注明网络层未中断；timeout单位为毫秒但建议配置用秒并校验，Node.js行为与浏览器不等价；熔断需区分错误类型，timeout时error.code为'ABORT_ERR'；并发请求必须独立signal，避免误中断。
