-
先检查路径和缓存问题，再排查服务器配置与HTML语法。1.确认link标签路径正确，避免相对或绝对路径错误及大小写问题；2.清除浏览器缓存，强制刷新或添加版本号；3.检查服务器MIME类型是否为text/css；4.验证HTML中link标签语法和位置正确，确保rel、href属性无误。
-
防抖和节流需按业务意图选择：停操作后响应用debounce，需过程反馈但限频用throttle；debounce要处理this、参数、immediate及清理定时器；throttle时间戳版因首次立即执行更适用于滚动拖拽；Vue/React中须在卸载时清理定时器，否则报错或内存泄漏；防抖节流非银弹，需同步loading、scrollTop等上下文逻辑。
-
应添加transition属性，如transition:transform0.5sease-out，并为常态设置transform:rotate(0deg)，否则因缺失过渡声明导致瞬时跳变或卡顿。
-
异步函数的副作用源于其非阻塞和时间不确定性，导致状态变化难以预测。1.利用Promise或async/await封装副作用，构建清晰执行链；2.强化错误处理机制，通过.catch()或try...catch确保异常可控；3.引入Redux、Vuex等状态管理工具，实现状态变更可追踪；4.使用AbortController等手段实现取消机制，避免竞态条件；5.设计幂等性操作，提升重试机制安全性。选择方案需根据项目复杂度、团队熟悉度权衡，从小型项目的简单封装逐步过渡到大型项目的高级工具。
-
HTML5转APP更新无需重装，前提是APP支持热更新且未改动原生容器层；纯前端资源更新可通过资源包替换或远程加载实现，关键在于控制资源加载源头。
-
rgb()不支持透明度，rgba()第四个参数为alpha值（0–1）；hsla()同理，hue用deg、saturation和lightness须带%；#RRGGBBAA是新十六进制透明写法；opacity作用于整个元素，而颜色alpha仅影响该颜色。
-
使用:required伪类可为必填表单控件添加视觉高亮，如红色边框和浅红背景；结合:has()在label旁加红色星号；用:invalid:not(:placeholder-shown)强化提交失败反馈；需兼顾可访问性与服务端校验。
-
答案：CSS的@keyframes规则用于创建自定义动画，通过定义0%、50%、100%等关键帧控制样式变化，如slideIn实现元素从左滑入并淡入；可用from/to替代0%/100%简化语法，如fadeIn实现透明度过渡；通过animation属性将动画绑定到元素，可设置持续时间、速度曲线、延迟、次数和方向，支持简写形式；可通过添加中间帧实现复杂效果，如bounce弹跳动画；建议仅动画transform和opacity以提升性能，避免触发布局重排，并结合will-change优化渲染，移动端需控制动画
-
ul横排应设li为flex或inline-block；推荐ul设display:flex、list-style:none、无边距，li设margin；inline-block间隙由空白符引起，可用font-size:0解决；小屏横滚需外层div加overflow-x:auto并处理滚动条。
-
JavaScriptCanvas绘图需先获取2D上下文，再按步骤绘制矩形或路径图形，并预先设置样式；所有操作须在DOM加载后执行，且注意上下文有效性与状态管理。
-
网站分享到Discord、Facebook、Twitter等平台时无缩略图和描述？根本原因是缺少OpenGraph（OG）元标签——本文详解如何正确添加og:title、og:description、og:image等关键标签，并提供可直接部署的代码模板与调试要点。
-
强制保持16:9宽高比需用padding-top:56.25%配合绝对定位；移动端自动播放须加?autoplay=1&mute=1并配置完整allow权限；Flex布局中iframe塌陷应设flex-shrink:0；优化加载须用loading="lazy"或IntersectionObserver懒加载。
-
Grid三列等高靠默认align-items:stretch和同属一行，非align-content；常见问题包括align-self覆盖、高度限制或容器塌缩，修复需重置stretch、设min-height:0或确保高度上下文。
-
表格边框不合并的根源是border-collapse默认为separate，解决方法是给table设置border-collapse:collapse并统一单元格边框样式，同时注意外边框叠加、表头交界处理及兼容性限制。
-
HTML表格标题必须使用语义化的<caption>标签，置于<table>内且在<thead>等元素之前；禁用<h2>–<h6>等非语义标签替代；可通过CSS的caption-side和text-align调整位置与对齐。
