-
防抖是事件停止触发后延迟执行一次，适合搜索输入、窗口缩放；节流是固定间隔执行，适合滚动加载、拖拽更新；选择依据是“等停手再响应”用防抖，“持续但限频”用节流。
-
本文详解如何在PowerShell中精准提取HTML片段内按顺序排列的第N个数字（如第三个<td>中的数值），重点介绍基于[regex]::Matches()的简洁可靠方案，并对比-replace的高级正则技巧。
-
<p>在tailwind.config.js中添加自定义颜色需写入theme.extend.colors下，如'brand-red':'#e53e3e'；若需色阶变体，必须定义为对象并指定'50'、'100'等字符串键；覆盖theme.colors.gray会影响所有gray-类，建议新增命名避免破坏；暗色模式需手动定义或配合CSS变量实现。</p>
-
直接给容器设background-color并用object-fit:cover是最简解法，但需确保容器有明确宽高以避免加载闪白；cover裁边、contain留黑边，选择取决于业务对裁切或完整性的要求。
-
::backdrop仅对showModal()打开的dialog生效，Safari不支持，需用@supports检测；其样式需显式设置background且不可依赖默认值，z-index无效，避免transform/filter，兼容方案为inert+手动backdrop元素。
-
需后端提供revision_id等唯一标识供前端比对，提交前用fetch校验，409时提示并用sessionStorage暂存输入后reload恢复；仅靠timestamp或localStorage会因时钟偏差、并发写入等导致冲突检测失效。
-
z-index无法动画因其值为整数无中间态，浏览器只能瞬间切换层级。尽管可设置transition，但实际无过渡效果。可通过opacity、transform等可动画属性结合z-index切换，模拟视觉上的层级变化。例如用transform实现缩放、位移，配合opacity淡入淡出，使元素看似平滑“弹出”。实践建议将z-index作为状态开关，利用可动画属性提供视觉反馈，必要时通过JavaScript控制类名分步执行，从而实现流畅图层切换体验。
-
input的value属性设默认值最直接，适用于text等类型；checkbox/radio用checked；select用option的selected；textarea内容写标签体内；disabled不提交，readonly会提交。
-
Microdata是HTML5中用于嵌入结构化数据的语法，通过itemscope、itemtype、itemprop等属性结合schema.org词汇表，可标记网页内容的语义信息，如文章标题、作者、发布时间或商品名称、价格等，帮助搜索引擎更准确理解页面，在搜索结果中展示富摘要，提升可见性与点击率。使用GoogleRichResultsTest工具可验证标记正确性，有效增强SEO效果。
-
优先使用内联<svg>而非<img>，因其支持CSS动态变色、适配高清屏与深色模式；语义化结构应为<spanrole="img"aria-label="VIP会员"><svg>...</svg></span>，确保无障碍可读。
-
Less断点Mixin不生效的根本原因是未显式调用，必须写如.responsive-box();才能编译输出；需集中管理断点变量、避免硬编码、慎用嵌套与max-width，并注意组件隔离与编译一致性。
-
CSS3D效果无需WebGL，主要通过CSS的transform属性及其3D相关函数实现。1.使用perspective定义观察者与3D平面的距离，为子元素创建共同的3D透视空间；2.transform-style:preserve-3d让元素及其子元素在三维空间中渲染；3.translate3d沿X、Y、Z轴移动元素，translateZ直接制造深度感；4.rotate3d围绕任意3D向量旋转元素，常用rotateX、rotateY、rotateZ实现翻转效果；5.scale3d沿X、Y、Z轴缩放元素，
-
使用@keyframes定义动画帧，结合transform的translateY和scaleY实现图标弹跳效果。通过设置多个关键帧模拟下落、触地压缩与回弹过程，如0%到40%下落，45%挤压，55%反弹，70%恢复，80%小幅度二次回弹，100%稳定。为增强真实感，加入垂直位移与Y轴缩放变形。将动画绑定至.icon元素，设置animation:bouncy-icon1sease-in-outinfinite，可控制时长、缓动函数与循环次数。:hover或.active状态可触发非循环动画，调整参数使动作自
-
display控制元素在文档流中的存在，visibility控制元素的可见性；使用display:none使元素完全消失且不占空间，visibility:hidden则隐藏元素但保留原有布局空间，二者结合可实现灵活的显示与布局控制。
-
给HTML元素设置样式的核心是CSS，主要通过行内样式、内部样式表和外部样式表三种方式实现，其中外部样式表因内容与表现分离、便于维护和复用而最为推荐；针对自定义元素（WebComponents）的渲染问题，:defined伪类能确保样式仅在元素被浏览器成功定义并升级后才应用，避免FOUC（无样式内容闪烁）或渲染异常，如示例中my-loading-card:not(:defined)提供加载占位样式，而my-loading-card:defined在元素就绪后应用最终样式；当样式冲突时，CSS优先级（Spe
