-
transition无法实现轨迹感移动，因其仅支持直线位移；真正可行的是@keyframes配合transform逐帧定义位置，或用requestAnimationFrame、SVGpath实现复杂路径。
-
HTML5无法被移除，它是浏览器内置的规范集合；实际可操作的是按需禁用特定特性（如localStorage、fetch），或通过降级方案（如改用cookie、检测API可用性）应对兼容性问题。
-
CSSfilter的blur()必须带单位（如blur(2px)），无单位值无效；filter按书写顺序执行，不可逆；fixed元素使用filter易致性能下降和渲染异常；动画慎用transition，优先静态控制或分段切换。
-
本文介绍如何在保留HTML标签完整性的同时，按纯文本长度（非总字符串长度）截断HTML字符串，并优先截断至最后一个句号，避免在标签中间或单词中间截断。
-
多个类同时生效需在HTML中用空格分隔，CSS中用连续点号连接类名构成复合类选择器；如<divclass="btnprimarylarge">对应.btn.primary.large{}，顺序无关，空格或逗号会改变语义。
-
footer不会自动定位到底部，需通过Flex布局（父容器设display:flex、min-height:100vh，main设flex:1）实现粘性底部，避免fixed/absolute误用及vh失准问题。
-
try-catch应仅包裹明确的危险点（如JSON.parse、localStorage.getItem、第三方API调用），避免包裹整段业务逻辑；需正确处理异步错误、保留原始堆栈、合理使用Promise.allSettled和全局错误监听。
-
字体大小未生效通常是CSS优先级、继承中断或元素限制所致；需检查父元素font-size:0或line-height:0、单位匹配性、display属性、伪元素content及选择器权重。
-
HTML表单与微服务集成的核心是通过API网关实现解耦与协作。表单提交数据至统一入口，由网关路由到对应微服务，避免前端直连服务，提升安全与可维护性。推荐使用JSON格式异步提交，结合前端组件化与多步向导式设计，将复杂表单按业务域分解为独立模块，每个模块对接特定微服务，实现职责分离。前端应实施基础验证并禁用重复提交，后端需严格校验数据并返回统一错误格式，支持分层验证与友好提示。针对分布式事务，采用Saga模式保证最终一致性，前端根据错误类型提供明确反馈，如部分失败时引导用户完成后续操作。整个流程需配合全局状
-
一维布局用Flex，二维布局用Grid，混合使用最合理：Flex处理行或列内对齐，Grid划分行列交叉结构，二者分层协作可提升可维护性与兼容性。
-
水波纹动画未触发的主因是元素不可聚焦或:active状态失效；需确保button等可聚焦，div加tabindex="0"，避免pointer-events:none和display:none，父容器设position:relative+z-index解决溢出，用transform+opacity实现GPU加速动画，并添加touch-action:manipulation优化移动端响应。
-
模板字符串不仅用于拼接变量，还支持嵌套生成动态内容、标签函数自定义处理、内嵌表达式实现条件逻辑、以及天然多行字符串保留格式，广泛应用于HTML构建、XSS防护、国际化和SQL编写等场景。
-
用scroll事件无法直接触发@keyframes动画，应通过JS切换CSS类名（如.fade-in）来控制；推荐使用IntersectionObserver替代scroll监听，提升性能与兼容性，并注意动画重播、初始状态和fill-mode等细节。
-
提升页面渲染性能需优化CSS选择器，首选类名和ID作为关键选择器，避免过度嵌套与通配符。①使用简洁类名如.nav-link替代div.contentullia.nav-link；②用具体类名.btn-primary替代属性选择器[class*="btn-"]；③限制嵌套层级不超过3层，改用BEM命名法提高独立性；④避免深层结构.sidebar.widget>ul>li>a，采用.widget-link等语义化类名；⑤合理使用#id提升匹配效率，但不滥用以保组件化可维护性。选择器越简单明确
-
position:sticky是实现导航栏固定的首选方案，需满足设置top值、父容器无overflow截断、页面有足够滚动空间三条件；常见失效源于transform、flex/grid对齐或行内元素未设display；优势是零性能开销、天然平滑、自动响应。
