-
JavaScript的OOP三大特性确实存在，但基于原型机制：封装靠闭包/Symbol/#私有字段实现；继承通过原型链（如Object.create或extends）实现；多态依赖鸭子类型与运行时方法重写。
-
本文介绍一种纯CSS解决方案，通过结构化HTML和相邻兄弟选择器（+），实现“仅在鼠标悬停于某节点时显示其直属.info-on-parent-hover子元素”，彻底避免祖先、后代或同级节点的提示信息误显。
-
可通过border-radius:50%配合等宽高等方法实现HTML圆形按钮，兼容性好；也可用aspect-ratio、padding与line-height、clip-path或伪元素等方式，适配响应式、文字动态、裁剪显示及分层设计等不同需求。
-
单选按钮背景色需通过伪元素+:checked状态实现，隐藏原生控件但保留可访问性，用CSS变量绑定:checked选择器控制颜色，label需relative定位，兼顾焦点与无障碍。
-
JavaScript没有真正的反射机制，其所谓“反射”实为Object方法、Reflect对象和Proxy共同提供的对象结构探测与行为拦截能力，核心在于控制访问方式而非语言级元数据操作。
-
手风琴用checkbox而非radio是因需支持“全部收起”，checkbox天然支持点击切换与:checked伪类闭环控制；radio无法取消选中，除非JS干预。
-
theme_color是PWA启动时浏览器UI栏的提示色，仅manifest.json定义生效（优先级高于meta），AndroidChrome/Edge/Samsung支持，iOSSafari完全忽略，不作用于普通网页标签页。
-
z-index无效是因为它只在层叠上下文中生效，而非全局比较；父元素若触发层叠上下文（如opacity<1、transform非none等），子元素z-index仅在其内部起作用，无法越级覆盖外部元素。
-
crypto.randomUUID()符合安全规范，因其底层调用操作系统加密随机源（如/dev/urandom），生成RFC4122v4UUID，122位真随机，碰撞概率低于1/2¹²²，且需运行在HTTPS/localhost安全上下文。
-
移动端1px边框发虚变粗的根本原因是设备像素比（dpr）导致CSS1px被渲染为多个物理像素，浏览器插值拉伸后模糊；解决方案是用伪元素配合transform:scale(1/dpr)缩放边框至1物理像素，并设transform-origin和pointer-events:none规避副作用。
-
垂直居中用align-items:center（flex）或place-items:center（grid）；父容器须设display:flex/grid和明确高度（如min-height:100vh），否则居中失效。
-
<mark>标签需用CSS显式声明background-color和color（如mark{background-color:#ff9e44;color:#fff;}），推荐加类名区分语义（如mark.warning），禁用嵌套，兼顾可访问性与深色模式。
