-
Vue3响应式系统基于Proxy实现，通过track收集依赖、trigger精准触发更新，依赖在副作用执行时隐式注册，仅更新关联组件，避免冗余渲染。
-
现代浏览器无需前缀；wrap-reverse翻转换行方向而非子项顺序；IE10–11需-ms-flexbox且不支持wrap-reverse；align-content控制行对齐，IE不支持。
-
在Vue3中使用ref结合TypeScript接口可提升类型安全与可读性，需通过泛型标注ref类型，优先用interface定义实体，初始化值须符合接口约束，解构时避免丢失响应性与类型，复杂状态推荐reactive配合接口，简单字段用ref。
-
JavaScript的OOP三大特性确实存在，但基于原型机制：封装靠闭包/Symbol/#私有字段实现；继承通过原型链（如Object.create或extends）实现；多态依赖鸭子类型与运行时方法重写。
-
JavaScript代码混淆通过转换源码结构降低可读性，保护知识产权、增加逆向成本、隐藏敏感信息，常见方式包括变量名替换、字符串编码、控制流扁平化、死代码注入，并结合反调试技术如debugger语句、开发者工具检测、堆栈检查、console重写等，提升攻击者分析难度。
-
本文介绍如何在HTML表单中，通过JavaScript（jQuery）将<inputtype="submit">按钮的文本从“Login”切换为“Loggingin”，并在按钮右侧内嵌显示加载GIF图标——由于<input>是自闭合标签、不支持子元素，需借助CSSbackground-image实现视觉融合。
-
clamp()是用线性插值在最小值、首选值、最大值间截断，需确保中间值在典型视口内落在上下限之间，推荐按设备宽度反推公式如clamp(14px,16px+0.375vw,20px)。
-
v-if和v-show机制不同：v-if是条件渲染，销毁/重建DOM；v-show是条件显示，仅切换display样式。频繁切换用v-show，初始不渲染或重型组件用v-if，二者不可混用同一元素。
-
color-gamut媒体查询仅检测设备默认色彩空间能力，返回sgamut、pgamut或rec2020三值，不反映校准状态、实际渲染精度或环境影响，依赖系统与浏览器共同上报，需配合display-p3色值、ICC配置、Canvas显式设置等全链路适配才能保障广色域一致呈现。
-
实现按钮立体感的关键是精准调控box-shadow的x/y偏移、模糊度与扩散值比例：常态微下偏+小扩散，悬停加大模糊并加内阴影提亮，按下则y偏移为负且内阴影加深。
-
直接操作ESTreeAST比jscodeshift更可控，因其能精确处理命名约束、作用域感知替换和禁止混淆特定模式，避免破坏注释、空格及调试信息，并支持细粒度作用域隔离与安全跳过逻辑。
-
img标签必须设alt属性，空alt=""表示图片无文字等效内容，适用于装饰性图片；承载信息的图片需提供简明准确的替代文本，长度建议≤125字符；srcset不影响alt设置逻辑；CSS背景图、SVG、JS插入图片需额外保障无障碍支持。
-
prefers-color-scheme是CSS媒体特性，通过@media(prefers-color-scheme:dark)等声明式查询响应系统深色/浅色偏好，需配合CSS自定义属性实现语义化主题切换，不支持手动覆盖，仅作默认兜底。
-
优雅降级是先用最新CSS特性为现代浏览器构建完整体验，再确保老浏览器具备基础功能；通过前缀、后备值等手段保证兼容，与渐进增强“从简到繁”的思路相反。
-
必须使用input[type="radio"]配合label和CSS兄弟选择器实现，确保可访问性、键盘导航及表单提交；禁用display:none隐藏radio，改用position:absolute;clip:rect(0000)；悬停与选中状态需通过:checked~label和:hover~label叠加控制；fieldset包裹并配legend满足WCAG标准。
