-
本文详解CSSopacity属性的继承特性及其常见误用，重点说明为何给父元素（如body）设置opacity会导致子元素（如article）整体变透明，并提供使用RGBA、HSLA或半透明十六进制色值替代的标准化解决方案。
-
不能通过Object.defineProperty的value属性硬锁定对象方法引用；需同时设置writable:false、configurable:false和enumerable:false才能实现不可重写、不可删除、不可枚举的方法绑定。
-
transition和@keyframes不能混用同一属性，否则会导致卡顿、跳变或keyframes不触发；二者机制独立，animation优先级更高但易冲突；应按职责分离：transition处理简单交互反馈，@keyframes处理多阶段复杂动画，并避免动态修改被占用的属性。
-
HTML中实现文字闪烁效果，推荐使用CSS的@keyframes定义动画，通过控制opacity属性在0和1之间切换，并结合animation属性实现持续闪烁，如设置animation:blink1sstep-startinfinite可创建频率为每秒一次的明显闪烁，此方法兼容性好且简洁高效，适用于提示信息等场景，但需避免过度使用以防影响用户体验。
-
V8不进行传统逃逸分析，所有JS对象默认堆分配；性能关键在于控制对象生命周期以减少老生代晋升，而非追求栈分配。
-
WebAPI是浏览器提供的接口，使JavaScript能操作网页、响应事件、管理网络请求等；它非JS语言内置，由浏览器实现，包括DOM、Fetch、History、Storage等API，且仅在浏览器环境可用。
-
splice()是数组专属方法，不能用于字符串；错误常源于将字符串误当数组传入，或未正确传递数组参数。本文详解其原理、典型错误及安全使用方案。
-
padding是内边距，影响元素内部空间，背景延伸至该区域；margin是外边距，控制元素间距离，透明且不占背景。1.作用区域：padding在内容与边框之间，属于元素内部；margin在边框之外，用于外部间距。2.布局影响：padding增加元素实际尺寸，可能引起溢出；margin调整相对位置，相邻块级元素上下margin会合并。3.层级顺序：内容→padding→border→margin，border包裹padding，margin在外侧。4.简写语法一致：支持一到四个值设置方向，如padding:
-
伪元素不属于BEM命名体系，因其是虚拟节点，不参与HTML结构，应作为修饰符或状态的视觉延伸挂载到真实存在的BEM块或元素上，而非新建类名。
-
答案：通过CSS的sticky定位和JavaScript监听滚动事件，实现导航栏滚动时从透明变为实色背景。具体步骤包括：使用position:sticky固定导航栏；JavaScript监听scroll事件，当滚动距离大于0时添加.scrolled类；CSS定义.navbar默认透明背景及过渡效果，.navbar.scrolled设置实色背景和阴影；配合响应式设计调整文字颜色以确保可读性。三者协同实现平滑视觉效果。
-
<map>标签必须配合<img>的usemap属性且与<map>的name严格匹配才能生效；coords值依shape类型而定，原点为图片左上角，不响应CSS缩放；<area>支持href、target等链接属性，alt不可省略；响应式下需改用SVG或绝对定位方案。
-
真正可用的多选应使用<div>+<inputtype="checkbox">模拟，而非依赖原生<selectmultiple>；若必须用原生，需加click事件聚焦修复iOS兼容性，并注意动态元素、disabled状态及indeterminate情况下的选中项获取。
-
HTML的dir属性优先级高于CSSdirection；浏览器优先读取元素自身的dir值，再回退到继承或样式声明，且dir属性会覆盖direction样式。
-
::selection不支持border是因为CSS规范未允许该属性作用于选中文本，仅color、background-color、text-shadow和cursor有效；替代方案是JS监听selectionchange并动态包裹选中内容。
-
Promise.withResolvers()的核心价值是让Promise构造脱离newPromise()闭包束缚，使resolve/reject可在任意作用域安全调用，解决跨组件、跨模块、跨事件循环的状态注入难题。
