-
自定义元素名必须含短横线（如my-button），constructor中不可操作shadowRoot，需在connectedCallback中渲染；attributeChangedCallback需配合observedAttributes使用；slot内容更新需手动监听slotchange事件。
-
JavaScript性能优化需针对性干预执行效率、内存占用和主线程阻塞；避免循环中重复DOM访问与计算，缓存变量；合理使用Object.freeze()和const；内存泄漏多源于未清理的事件监听器、定时器和闭包悬空引用，须用ChromeMemory面板对比heapsnapshot确认。
-
blockquote用于长篇独立引用，q用于短小内联引用；2.前者视觉缩进并常配cite说明来源，后者自动添加引号；3.根据引用长度和位置选择标签；4.语义化提升可访问性与SEO。
-
z-index在3D场景中失效是正常现象，因浏览器按Z轴实际坐标（如translateZ值）而非z-index数值决定渲染顺序；需通过调整transform中的Z值精确控制前后关系。
-
Symbol是ES6引入的唯一值原始类型，用于避免属性冲突、定义唯一常量及自定义对象行为，如通过Symbol.iterator实现迭代。
-
counter-reset在子元素中不生效，根本原因是它只对后续同级或后代中满足作用域条件的counter-increment生效，且重置动作不继承、不传播、不穿透伪元素边界。
-
PerformanceAPI监测Canvas游戏帧稳定性需捕获关键渲染阶段时间断点，通过mark/measure记录frame/update/render各阶段耗时，结合p95和max帧耗时识别抖动，并关联DrawCall定位瓶颈。
-
原生popover功能需用<divpopover>元素配合popovertarget属性实现，非独立属性；必须满足结构约束、用户交互触发且浏览器支持，Safari完全不支持，需JS检测与降级。
-
根本原因是box-sizing:content-box导致padding和border额外增加宽度；应全局设box-sizing:border-box，图片加max-width:100%;height:auto;，断点依内容临界点选em单位，字体用clamp()动态缩放。
-
生产环境下Vue响应式数据不会主动泄露，但需切断控制台输出、JSON序列化、全局挂载、错误堆栈等非预期暴露通道，并通过markRaw、readonly、脱敏日志、DOM过滤及构建期隔离实现多重防护。
-
CSS滤镜在网页设计中通过filter属性实现，能提升视觉冲击力并优化交互效果。1.它允许开发者对图像、视频或HTML元素应用多种视觉调整（如模糊、亮度、对比度、灰度等），无需修改原始内容；2.可用于图片美化、背景处理、主题切换、交互动画等场景，增强用户体验；3.使用时需注意性能问题，避免对大量元素频繁使用复杂滤镜，尤其是blur()和drop-shadow()；4.兼容性方面，现代浏览器普遍支持，但老旧浏览器如IE不兼容，可通过@supports提供降级方案以实现渐进增强。
-
图片链接默认边框来自a:focus的outline而非img的border，应通过a:focus{outline:none}配合a:focusimg{border或outline}实现兼顾可用性与设计的焦点样式。
-
<font>标签的size属性已废弃，不合规且渲染不可控；应改用font-size:16px等CSS像素值实现真正绝对尺寸，并注意transform缩放影响实际显示。
-
ElementPlus的ElRadioGroup和ElCheckboxGroup通过插槽+provide/inject+v-model实现子项值自动收集，轻量解耦；子组件注入上下文并注册自身，双向绑定父级modelValue，响应式驱动选中状态同步，支持跨层级嵌套场景。
-
无障碍树在ChromeDevTools中称为Accessibility标签页，位于Elements面板右侧，需手动点击展开并选中元素后查看。
说明：border 属性可以设置边框的宽度、样式和颜色。示例中是 2px 