-
CSS-in-JS本身不提供实时计算CSS属性的运行时引擎，其“动态性”本质是将JS计算能力暴露给样式层；关键在于合理组织props、状态与样式函数的调用链，避免在样式插值中触发Hook、耗时操作或强制同步回流。
-
flex-direction:column-reverse仅翻转主轴方向，不改变DOM顺序，故tabindex、屏幕阅读器、:first-child等仍按原始HTML生效；适用于纯展示场景，无障碍或交互场景应优先用order属性控制视觉顺序。
-
必须设置width=device-width，否则荣耀系机型会强制缩放；REM布局需监听resize和orientationchange；媒体查询应覆盖412px断点；Canvas自适应须用clientWidth/clientHeight。
-
可通过监听fullscreenchange事件并检查document.fullscreenElement来准确判断全屏状态，据此动态调整UI；全屏API须在用户手势中调用，退出时用document.exitFullscreen()并处理Promise；CSS可配合:fullscreen伪类和class切换实现响应式适配。
-
JavaScript通过WebXR、A-Frame、AR.js和Three.js等技术实现跨平台VR/AR应用，支持浏览器内沉浸式体验。1.WebXR提供设备访问与交互基础；2.A-Frame以HTML标签快速构建VR场景；3.AR.js实现实时图像识别驱动的轻量级AR；4.Three.js结合WebXR支持高性能3D渲染。方案适合教育、营销等轻量级应用，具备免安装、跨平台优势，但需注意设备兼容性与用户引导设计。
-
不能，AbortController本身不支持层级取消，需手动通过父signal的abort事件显式调用子控制器的abort()实现级联；每个子任务须持有独立AbortController实例，并注意信号不可重用、监听器需清理。
-
直接cat合并HTML会破坏结构，正确做法是用BeautifulSoup提取首个文件的head和所有文件的body内容拼接，避免重复标签、ID冲突及JS/CSS路径错误。
-
JavaScript状态管理是统一、可控、可预测地组织与更新应用中可变数据的方式，解决多组件共享状态、props钻取、更新不一致和调试困难等问题，核心在于明确状态范围、存储位置和变更方式。
-
原型链的本质是对象的proto指向其构造函数的prototype；它基于[[Prototype]]内部属性实现动态属性查找，以Object.create()构建更安全，class只是语法糖，核心仍是原型继承。
-
使用语义化标签提升可读性与可访问性，如用<header>、<nav>、<main>等替代<div>；合理组织标题层级，正确嵌套<h1>到<h6>；为图片添加alt属性，表单关联label，避免滥用标签，确保结构清晰、易于维护。
-
HTML中输入真正空格需用 （不间断空格）或CSS的white-space:pre-wrap属性，前者适合单个空格控制，后者能完整保留空格、换行和制表符并允许折行。
-
const禁止重新赋值绑定但允许修改对象内部状态，let可重新赋值；两者均为块级作用域、存在暂时性死区、不可重复声明，且不挂载到window。
-
应使用watch配合手写防抖实现输入框实时搜索：监听keyword变化，每次清除旧定时器并设置新setTimeout（300–500ms），在doSearch中校验非空、去空格、长度达标，组件卸载前清除定时器防泄漏。
-
必须监听表单submit事件并调用e.preventDefault()阻止跳转；错误做法包括监听按钮click、漏写括号或用returnfalse；还需校验表单、防重复提交、清理action属性。
-
本文介绍一种纯CSS方案：通过检测文本是否实际触发了text-overflow:ellipsis（即内容被截断），在悬停时动态展开完整文本，避免在未截断时误触发显示——无需JavaScript，语义清晰且兼容性良好。
