-
伪类顺序错误会导致选择器不匹配而非样式覆盖；正确顺序应为状态类（:disabled）在前、交互类（:hover/:focus）在后，且需兼顾特异性、浏览器兼容性与设备环境。
-
要让::after伪元素居中，需在父元素设text-align:center并使伪元素为display:inline-block；若用flex布局，则父元素设display:flex并配合justify-content和align-items。
-
网格项重叠主因有三：未配对指定grid-column/grid-row起止线致默认跨度为1；子项未设position导致z-index无效；隐式轨道自动创建且尺寸不可控。
-
放大镜层必须用position:absolute并设父容器position:relative，避免错位；坐标计算需用getBoundingClientRect()并减去scroll/transform偏移；高清屏下Canvas要按devicePixelRatio缩放并提供2x图。
-
HTML表单实现HIPAA合规的核心在于端到端加密、严格访问控制、数据最小化、安全编码、审计日志、BAA签订等综合措施，Web表单处理医疗数据的主要技术挑战包括前端输入安全、传输层配置、后端API与数据库防护、第三方组件风险及日志监控盲点，开发团队需通过将安全融入DevOps、定期渗透测试、人员培训、自动化工具和事件响应计划来持续合规，而BAA在其中扮演着明确第三方责任、转移法律风险、确保全链条数据保护的关键法律角色，缺少BAA则整个合规体系不成立。
-
fixed定位右侧客服面板需设right/top/z-index/width，避免父容器transform导致定位偏移，移动端用clamp和safe-area-inset-bottom适配，z-index失效常因层叠上下文。
-
flex-basis是Flex项目在主轴方向上的初始尺寸，决定分配剩余空间前的基准值；当flex-direction为row时替代width，为column时替代height，且优先级高于width/height（flex-basis非auto时）。
-
最可靠方式是在HTML的<head>中用<link>标签配合media属性引入pad.css，如<linkrel="stylesheet"href="pad.css"media="screenand(min-width:768px)and(max-width:1024px)">，避免使用@import；pad.css应仅包含iPad专属增量样式，不重复全局重置；需结合视口宽度、设备像素比和横竖屏判断，禁用已失效的device-width；务必真机测试，尤其注意iPadS
-
本文详解在Next.js类组件中监听URL查询参数变化的正确方法，指出pushState不触发popstate的原因，并提供兼容性好、无需Hooks的纯JavaScript解决方案。
-
模板字符串是ES6引入的原生多行字符串类型，用反引号定义，支持${}嵌入表达式；常见错误包括误用引号、漏写$、在${}中写语句；可换行但保留缩进，String.raw禁用转义；带标签函数能预处理，但不自动防XSS。
-
解决字体超出容器的核心是控制文本显示方式并配合媒体查询动态调整：单行用text-overflow+nowrap+hidden；多行用-webkit-line-clamp（需兼容处理）；优先采用clamp()等流体字号方案，并检查盒模型与换行策略。
-
用animation-direction:alternate可实现去→回→去→回的往返动画，需配合animation-iteration-count:infinite；alternate首次正向，alternate-reverse首次反向；应使用transform避免重排，必要时加will-change:transform。
-
掌握Mnemosyne结合HTML与CSS的学习方法：一、配置支持富文本的卡片类型，使用内联样式增强视觉记忆；二、通过CSV批量导入含HTML代码的卡片，提升录入效率；三、自定义模板统一设置HTML结构与CSS样式，实现个性化排版；四、排查标签闭合与CSS兼容性问题，确保正确渲染。
-
sticky定位失效时，首要排查父容器overflow属性；若祖先元素设overflow:hidden/auto/scroll，会截断粘性行为；需检查模态框、卡片等组件外层是否误加该样式，并可用clip-path替代。
-
工厂函数直接调用返回对象，无需new，支持私有属性和闭包；构造函数需用new调用，依赖this，共享原型方法，适合类型识别和性能优化。
