-
首先阻止表单默认提交行为，通过监听submit事件并调用preventDefault()；接着使用FormData收集表单数据，包括文件字段；然后利用fetch或XMLHttpRequest发送异步请求，其中XMLHttpRequest可监听上传进度；最后根据服务器响应更新界面提示。示例代码展示了从拦截提交到数据上传及进度反馈的完整流程，实现无刷新异步上传。
-
懒加载不提升首屏速度，反而可能拖慢——需禁用首屏图的loading="lazy"、用eager或不设属性，早于DOMContentLoaded初始化IntersectionObserver，并避免与preload混用导致资源竞争。
-
transition作用于width/height会导致点击区域不同步，应优先使用transform和opacity组合；避免混用top/left与transform；合理使用will-change提升性能，并注意移动端touchstart时机问题。
-
border-radius生效需配合background-color或border；img加圆角须自身设置并设display:block；box-shadow不随圆角变形，需overflow:hidden或filter:drop-shadow()；移动端小圆角发虚宜用偶数像素或50%。
-
具名插槽匹配失败导致内容“消失”但无报错，主因是name属性字符串级精确匹配失败，如大小写、空格、连字符不一致；同名插槽仅渲染第一个；原生WebComponents不支持动态slot值；fallback仅在无任何匹配节点时生效。
-
FirebaseFirestore要求每个复合查询（含多个where条件，尤其含范围操作符如<,<=,>=）必须有对应复合索引；无法真正“泛化”跳过索引，但可通过CLI预定义、合理设计字段结构及限制范围过滤器数量来系统化管理。FirebaseFirestore要求每个复合查询（含多个`where`条件，尤其含范围操作符如`
-
直接在:root改CSS变量值不生效，主因是变量被更高优先级选择器覆盖或作用域错位；需用开发者工具查“Computed”中变量来源，并确保所有样式均使用var()引用而非硬编码值。
-
:focus-visible是解决鼠标点击突兀黑框最干净的方式，但需配合显式outline设置、正确书写顺序（:focus在前重置，:focus-visible在后覆盖）及JS降级方案，否则Safari等旧浏览器将无焦点提示。
-
调用天气API的核心是通过HTTP请求获取数据并解析JSON，常用fetch方法结合APIKey向OpenWeatherMap等服务商请求，选择API时需考虑免费额度、数据精度、文档质量、CORS支持等因素，推荐OpenWeatherMap或和风天气；常见问题包括CORS跨域、APIKey泄露、请求频率限制及数据解析错误，解决方案为使用后端代理、设置白名单、本地缓存和错误处理机制；在前端展示时应结构化数据、组件化UI、添加加载与错误状态、结合图标与背景提升视觉体验，并通过自动定位、城市切换和响应式设计优化
-
HTML性能优化的核心在于减少资源体积、优化加载顺序及提升渲染效率，具体措施包括：1.精简代码，通过Webpack等工具压缩HTML、CSS和JavaScript；2.优化图片资源，使用WebP格式及响应式图片；3.利用浏览器缓存，合理设置Cache-Control和Expires；4.异步加载CSS和JavaScript，减少渲染阻塞；5.减少HTTP请求，合并文件并使用雪碧图；6.使用CDN加速静态资源分发；7.优先加载首屏内容，内联CriticalCSS。常见瓶颈有大体积资源、渲染阻塞、过多HTTP
-
外部资源加载失败主因是file://协议安全限制，需用LiveServer等HTTP服务绕过；路径错误或onerror未防重会加剧问题；base64兜底可避免图片不显示。
-
可用Atomics.wait/notify在Worker间实现原子锁：以SharedArrayBuffer中Int32Array首元素为锁状态（0空闲/1占用），需跨域隔离、同视图访问；Worker循环等待并校验后加锁，执行临界区后释放并唤醒。
-
能，但仅限于容器尺寸按比例约束，不缩放子元素；它维持宽高比（如16/9），解决高度塌陷与比例失真，适用于视频容器、等比卡片等场景。
-
HTML5原生不支持RTSP，需转码为WebRTC、HLS或MSE-FLV；低延迟选WebRTC，平衡选MSE+FLV，兼容优先选HLS；关键注意GOP、编码格式、音频编码及设备原始流质量。
-
linear-gradient()方向须用toside-or-corner格式（如tobottom），禁用旧语法top；色标需手动设百分比或像素值控制过渡节奏；透明色需配合background-color和border-style:solid才能正常显示。
