-
无痕刷新依靠虚拟DOMdiff算法精准复用节点并保留状态，关键在于稳定key、不变更type/name、手动恢复光标/滚动等原生状态，避免破坏性更新。
-
关键帧百分比支持小数且语法合法，但问题在于插值逻辑与人眼预期错位、旧版浏览器四舍五入、关键帧过密被裁剪；需用两段式写法（如60%,79.999%{opacity:1;}）明确静态区间。
-
可通过@font-face引入自定义字体，使用WOFF2格式优化性能，并通过GoogleFonts等服务嵌入网络字体，结合unicode-range控制字符子集以提升加载效率。
-
Koa2通过洋葱模型实现中间件的执行，请求时逐层进入，响应时逐层返回。每个中间件在awaitnext()前后分别处理请求和响应阶段，结合async/await实现异步控制，compose函数递归调度中间件，确保按序执行。该机制适用于日志、错误处理、权限校验等场景，提升了代码可读性与可维护性。
-
密码框用autocomplete="new-password"，验证码框用autocomplete="one-time-code"（短信）或autocomplete="off"（图形），且name/id避免敏感词；参数独立提交，后端严格校验时效、唯一性及字符清洗。
-
按钮实现弹性拉伸需协同transition中的transform与border-radius：基础设固定px圆角（如12px），hover时同步缩放并增大圆角（如16px），配以cubic-bezier弹性缓动；文字防溢出用white-space:nowrap+min-width；伪元素阴影需移transform至其自身并设z-index:-1。
-
主题换肤应通过:root定义--primary、--text、--bg等5–8个语义化变量，用class切换html元素主题类并配合localStorage记忆偏好，避免硬编码颜色、内联样式及忽略SVG/第三方组件适配。
-
JavaScript原生不支持装饰器语法，@decorator会报错因V8等引擎尚未实现该Stage3提案；元编程主要靠Proxy、Reflect等实现，高阶函数是无需编译的稳妥替代方案。
-
MP4不能边缓冲边播放是因为moov元数据在文件末尾，需用ffmpeg-iinput.mp4-ccopy-movflags+faststart将其移至开头，并确保HTML5video标签设preload="auto"且服务端响应头含Accept-Ranges:bytes。
-
本文详解如何使用TailwindCSS实现固定高度容器内多个等高列（如周历七列）的整体垂直滚动，避免内容溢出，并确保各列同步滚动、高度一致、响应良好。
-
表单响应式需统一设width:100%和box-sizing:border-box；小屏下label与input须用flex-direction:column堆叠；焦点时调用scrollIntoView({block:'nearest'})防键盘遮挡；原生控件如date/number需设font-size≥16px及min-height:44px。
-
图片不显示主因是img标签缺失src或alt属性；src必须为有效路径，相对路径以HTML文件位置为基准；404需查Network面板，403系服务器权限问题；90%场景无需picture，优先CSS响应式+srcset。
-
移动端CSS引入应优先内联关键样式并异步加载非关键CSS，通过link标签、内联、内嵌和JS注入等方式结合响应式设计与视口控制，配合压缩、缓存、CDN等优化手段，提升首屏渲染速度与用户体验。
-
border-image-slice数值无单位时按图像原始像素计算，带%则按原图宽高百分比；fill为可选关键字，加在数值后启用中心区域渲染，不影响切片尺寸。
-
setTimeout(fn,0)并非立刻执行，而是将回调推入宏任务队列，需等待当前宏任务结束、所有微任务清空后执行，受浏览器最小延迟限制（嵌套≥6层时强制≥4ms）及系统负载影响。
