-
页面切换动画不触发需手动控制：用fetch加载HTML后替换内容，添加动画类前执行voidelement.offsetWidth强制重排；CSS中避免display:none，显式声明transform/opacity初始值；用transitionend事件精准移除类名；iOS需加will-change和backface-visibility。
-
本文详解浏览器对不完整HTML片段（如未闭合<p>）的自动修复机制及其副作用，并提供基于内存缓冲的可靠解决方案，确保流式内容拼接后仍保持预期DOM结构。
-
本文详解ReactRouter中因服务端响应格式不匹配导致的EditTodo页面无限加载问题，重点分析useEffect依赖缺失、空状态处理不当及API响应结构误判等核心原因，并提供可立即落地的修复方案。
-
纯HTML个人简介页需三步保稳：首行声明DOCTYPE和lang="zh-CN"，head中必加metacharset="UTF-8"防乱码；图片/CSS用相对路径（如./img/me.jpg），禁用绝对路径与CDN；加viewportmeta并用rem/em字体、max-width布局适配手机。
-
HEX颜色值必须严格写成#RRGGBB或#RGB格式，漏井号、位数错误（如#RRGGB）、混用大小写或非标准简写（如#f635）均会导致失效；RGBA的alpha参数须为0–1小数而非百分比；HSL更直观因可独立调节色相、饱和度、明度。
-
使用CSS预处理器和Autoprefixer可高效解决浏览器兼容性问题，Sass等工具通过mixin减少重复代码，Autoprefixer则根据browserslist自动补全厂商前缀，确保样式在各浏览器一致渲染。
-
使用@font-face引入字体需确保CORS允许、显式设置font-display（推荐swap）、回退字体栈按平台分组声明、避免强制同步布局，并注意多语言混合排版的字体闪动问题。
-
Elements面板是实时操控DOM的操作台，右键检查可快速定位并双击编辑元素，拖拽调整顺序，Console中用$0或querySelector可高效批量修改，但需注意CSS/JS覆盖、ShadowDOM隔离及file://协议限制。
-
使用gap统一按钮组内间距，margin处理特殊调整；通过flex容器设置gap实现等距排列，避免边缘空白，结合margin对特定按钮微调位置，响应式中用媒体查询动态控制gap，同时保留margin独立调整外距，提升布局灵活性与一致性。
-
span是唯一能安全包裹文字中某几个字的无语义行内容器，必须用于局部样式、事件绑定或data属性挂载，不可用于布局控制。
-
需用@iflist.length($shadows)>0判断空数组再循环，初始化变量统一用()而非null，多层阴影提取应封装命名函数并提前解构，拼接box-shadow用list.join($shadow-list,',')，数据注入后必加@debug验证类型。
-
没有CSS属性“根本没默认值”，所有属性均有W3C定义的初始值；如background-color初始值为transparent，display为inline，position为static，z-index为auto，其差异在于初始值是否继承、是否受useragent样式覆盖。
-
ESM与CommonJS异步处理核心区别在于加载时机、执行模型和顶层语法限制：ESM静态解析、支持顶层await、import()返回Promise；CommonJS动态求值、不支持顶层await、require()同步阻塞。
-
用background-image替代list-style实现跨浏览器一致的列表符号：SVG背景图+background-position:left0.35emcenter+padding-left:1.5em，IE11需双重URL编码。
-
JavaScript单页应用（SPA）仅用一个HTML页面，通过JavaScript动态更新内容，实现局部刷新；传统网页每次跳转都请求新HTML并整页重载。
