-
推荐使用:has()判断元素是否含子元素，语义清晰；兼容性要求高时可用:not(:empty)；注意:empty会匹配仅含空白符的元素，:has()不支持父级选择且需防性能问题。
-
JavaScript中字符串反转最推荐的方法是split('').reverse().join('')，1.该方法简洁且可读性强；2.不能直接对字符串使用reverse()是因为字符串具有不可变性，而reverse()是会改变原数组的变异方法；3.性能上for循环通常最优，但日常使用中差异不大；4.处理Unicode字符时应使用Array.from()或[...str]确保正确分割字符。
-
通过JavaScript操作link标签或切换CSS类可实现动态换肤。1.修改link的href属性直接替换样式文件；2.动态创建link标签并插入head以加载新主题；3.切换时先移除旧link避免冲突；4.推荐使用CSS类名切换实现轻量主题变更，性能更优。路径正确与防重复加载需注意。
-
使用float:left可实现标签云水平排列，通过margin控制间距，overflow:hidden清除浮动，配合不同类名设置字号与颜色，形成视觉层次，保持布局整齐且兼容性好。
-
本文详解如何通过position:fixed配合CSStransform动画，让底部浮动元素真正“滑出视野”，既不残留于可视区域，也不影响文档流与页面滚动行为。
-
不能直接用transition:height实现面板展开动画，因为height:auto无法参与过渡；应使用max-height过渡或JS动态设置精确高度。
-
单例模式解决全局变量泛滥、资源重复创建和跨模块共享状态问题；它通过确保唯一实例并提供统一访问入口，在模块化中天然适配ES6模块机制与IIFE封装，兼具数量控制与私有封装特性。
-
能，但不能通过Tab键到达；tabindex="-1"允许脚本调用.focus()却排除在默认Tab顺序外，适用于模态框关闭按钮等需程序聚焦但不参与自然导航的场景。
-
::before伪元素必须设置合法content值才能渲染，否则被忽略；即使渲染也可能因display、尺寸、颜色、层级等问题不可见，需综合调试。
-
WebWorkers不能直接操作DOM，因其运行在独立线程且无window、document等浏览器API，仅支持setTimeout、fetch等有限接口；通信依赖postMessage/onmessage，数据需序列化，大对象应使用transferable优化。
-
:nth-of-type只按同标签兄弟计数，无视类名和嵌套；:nth-child则按所有兄弟位置计数后再判断标签。选特定class的第N个元素应写为div.card:nth-of-type(2)，而非div:nth-of-type(2).card。
-
JavaScript装饰器是Stage3实验性语法，用于在声明时注解和修改类、方法、访问器、属性或参数；需Babel或TypeScript支持，本质是接收目标对象等参数的函数，常用于日志、权限校验等横切逻辑。
-
本文介绍如何通过jQuery或原生JavaScript过滤掉HTML表格中内容全为空（如仅含空白符、空标签）的<tr>行，准确统计实际包含有效数据的行数。
-
JavaScript的class是函数和原型链的语法糖，本质为函数，不支持提升，constructor必须显式定义且仅一个，继承需调用super()，静态方法绑定类本身，实例方法绑定原型，不可用箭头函数。
-
本文介绍一种结合CSSposition:sticky与轻量JavaScript的方案，使iframe在滚动过程中顶部始终吸附于视口顶部、高度随滚动递减，直至达到预设最小高度后才脱离视口跟随页面正常滚动，同时确保右侧文本内容不受影响。
