-
轮播图高度不一致的解决方法是给容器设固定高度并添加overflow:hidden。具体为：设置.carousel的height（如400px），避免min-height或auto；配合overflow:hidden裁剪溢出，子项用absolute或flex定位；图片用width:100%;height:100%;object-fit:cover。
-
跳表通过多层级链表和随机化层级设计，在平均情况下实现O(logN)的查找、插入和删除性能，其核心优势在于实现简单、并发性能好、缓存友好，且适用于有序数据的高效操作，常见于Redis有序集合等场景。
-
能改，但仅限theme-color、referrer等少数属性，影响仅限JS运行时或部分浏览器API，不触发重渲染、不影响网络请求头和SEO；搜索引擎只抓取初始HTML，动态修改无效。
-
可通过CSShover伪类结合transform:scale()与transition实现搜索框悬停平滑放大，辅以box-shadow增强浮起感，使用CSS变量统一配置缩放系数，并通过transform-origin和容器约束防止布局偏移，最后用@supports提供兼容性回退。
-
响应式表单布局优化关键在于使用Flexbox和Grid实现自适应排列，结合媒体查询调整断点样式。通过设置flex-wrap、min-width和flex:1使控件在不同屏幕下合理伸缩换行；采用grid-template-columns配合minmax()实现多列响应式网格；在移动端利用媒体查询垂直堆叠字段、增大触控区域，提升可读性与操作体验。输入框高度不低于44px，增强触摸友好性，整体保持结构简洁。
-
直接监听scroll易卡顿因触发频率过高导致重排重绘，应改用IntersectionObserver实现触底加载，配合cursor分页与AbortController避免状态混乱。
-
防抖和节流是工具而非自动优化方案；用错场景或参数会恶化体验。debounce需正确处理immediate逻辑并透传参数；throttle应据场景选leading/trailing；框架中需稳定函数引用；实时性高、必响应的场景禁用。
-
必须写<!DOCTYPEhtml>，因为HTML5不基于SGML，无需DTD引用；其他写法如大小写错误、加空格、前置内容或BOM均会导致怪异模式或验证失败。
-
align-self没生效最常见原因是父容器未设display:grid/inline-grid；它仅对Grid/Flex直接子元素有效，且受align-items:stretch、子元素尺寸、writing-mode等影响。
-
FontAwesome图标不显示主因是路径错误或class不匹配，推荐CDN引入并注意v6使用fa-solid/fa-brands等新前缀，避免混用版本或CSS隐藏。
-
FetchAPI是现代浏览器发起网络请求的标准方式，比XMLHttpRequest更简洁且基于Promise；需手动检查response.ok并调用.json()，POST需设置headers和JSON.stringify()，默认不带Cookie，不支持超时和上传进度监听，IE不兼容。
-
ES6模块必须顶层import因静态解析需预建依赖图；动态导入用import()；export分具名（绑定）和默认（值快照）；浏览器需type="module"且本地启服务，Node需.mjs或"type":"module"。
-
答案：通过JavaScript结合FileReader、Canvas和Blob实现图片上传前的压缩与预览。首先利用FileReader读取图片并生成base64预览，再通过Canvas绘制并缩放图片，调用toDataURL方法按质量压缩，最后将压缩后的base64数据用于预览或转为Blob上传，有效减少文件体积，提升上传效率与用户体验。
-
position:relative本身不触发位移动画，它仅建立定位上下文，动画需依赖显式设置并可插值的top/left等偏移属性或transform。
-
<p>box-sizing:border-box将padding和border计入width/height，使尺寸更直观；全局启用需用,::before,\</em>::after重置并置于样式表最前，兼容IE8+（需-webkit-前缀）。</p>
