-
hr标签表示内容主题的转换，是段落级的语义化分隔符，用于标识章节或话题的转变，而不仅是视觉上的横线。
-
实现卡片重叠效果需先设置父容器为relative定位，再将子卡片设为absolute定位并用top、left调整位置，通过z-index控制层级顺序，数值大的覆盖在上方，配合阴影和边框增强层次感，适用于推荐内容或时间轴布局。
-
本文介绍在不使用JavaScript的前提下，通过CSS伪类:popover-open巧妙实现原生<divpopover>元素初始显示（即“默认打开”）的可靠方案，并说明其原理、兼容性限制与关键注意事项。
-
浮动元素触发重排的典型场景是从该元素所在行向上回溯到最近块级容器并重排整个子树，诱因包括尺寸样式变化、父容器resize、内容增长及强制布局读取；clear属性会扩大重排范围，现代方案如Flex/Grid性能更优且可控。
-
counter-reset必须放在父容器（如ul）而非子项（li）上才生效，因计数器作用域为块级上下文且仅影响后续同级或子级counter-increment；嵌套需多级命名（chapter/section），避免冲突。
-
本文详解如何在React中安全读取localStorage并初始化state，避免因异步渲染导致初始值为undefined，同时解决状态更新后立即读取失效的问题。
-
答案：JavaScript中实现状态模式可通过封装不同状态行为于独立对象中，避免冗余条件判断。示例中MediaPlayer作为上下文持有当前状态引用，并将播放、暂停、停止操作委托给具体状态对象处理；每个状态类（如PlayingState、PausedState、StoppedState）实现对应行为并可改变上下文状态，从而实现行为随状态变化而变化，提升代码可维护性与扩展性。
-
本文介绍使用ExtendScript（JavaScript）调用InDesignAPI的findText()方法，批量检索文档中关键词出现的所有页码，并自动去重、排序后返回结果。适用于多页出版物的关键词索引、内容审计与自动化排版校验场景。
-
HTML5在索尼Xperia手机上无需专属适配，但需严格设置viewport（含initial-scale=1.0）、用screen.width动态计算rem基准、双绑touchstart与click事件并preventDefault，且真机覆盖新旧机型测试。
-
本文介绍如何用语义更中立的元素（如span、div）替代p标签进行样式控制，解决因p标签默认间距导致的布局错乱问题，并提供内联样式、内部CSS等轻量级方案。
-
align-items:stretch失效是因为子元素存在height/min-height/max-height或内容有固定高度；需父容器设显式高度，再配合flex:1（即flex-basis:0）实现等高。
-
URL参数传递有五种方法：一、JavaScript解析URLSearchParams；二、手动拼接编码后的URL跳转；三、表单GET提交自动组装参数；四、锚点hash模拟传参；五、服务端预注入参数到HTML。
-
JavaScript通过原型链实现面向对象编程，每个对象都有指向其原型的内部链接，属性查找会沿原型链向上追溯直至null；函数的prototype属性用于构建实例的原型链，__proto__（或Object.getPrototypeOf）反映对象的原型连接，constructor默认指向构造函数，继承通过将子类原型设为父类实例实现，核心是原型链的拼接与查找机制。
-
HTML中普通空格无效是因为解析器会合并连续空白并忽略首尾空格；可靠方法是使用 等实体或CSSpadding/text-indent，注意 需写全且慎用于无障碍场景。
-
动画首选transform:translate()而非top/left，因前者不触发重排、性能更优；absolute定位需父容器设relative；fixed元素动画应避免top/left，改用transform；读取坐标时，transform动画用getBoundingClientRect()，top/left动画可用offsetTop/offsetLeft。
